zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Über <body> Bildschirmhintergrund formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 18.10.2004, 14:33
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Warum wird das bei mir ( Win2k, IE6.0, FF 1.0) dann nicht so behandelt?
Ich habs eben so auf meinem Bildschirm gesehen.

Ich habe versucht deine Erklärung @toscho nachzuvollziehen und habe so meine Probleme damit. Die Behandlung/Anzeige von <Body> hängt davon ab, ob <html> eine Auszeichnung erfahren hat, ( in diesem Fall Hintergrundfarbe) korrekt?

Hat Body keinen Inhalt, ist die Höhe Null und das Hintergrundbild wird nicht anzeigt. >> Bei mir wird es dennoch angezeigt. Hat Body eine deklarierte Höhe , wird die Position des Hintergrundbildes dennoch in Abhängigkeit vom Viewport definiert. >> Höhenangaben funtionieren nicht, es muss INHALT vorhanden sein.

So ist es jedenfalls bei meinem System (kein Userstylesheet aktiv).

Was ist an meinem System so besonders? *keuch*

Ich habe verschiedene Testläufe gemacht:

Mit Angabe einer Höhe /ohne Inhalt / ohne Auszeichnung HTML:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html lang="de"> 
<head> 
<title>Test</title> 
<style type="text/css"> body {background-color: #ccc} 
body { background-image: url(test.gif); background-repeat: no-repeat;  background-position: 50% 50%; height: 100px; }
</style>
</head> 
<body></body> 
</html>
Mit Angabe einer Höhe / ohne Inhalt / mit Auszeichnung HTML

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html lang="de"> 
<head> 
<title>Test</title> 
<style type="text/css"> body, html {background-color: #ccc} 
body { background-image: url(test.gif); background-repeat: no-repeat;  background-position: 50% 50%; height: 100px; }
</style>
</head> 
<body></body> 
</html>
ohne Angabe einer Höhe /ohne Inhalt:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html lang="de"> 
<head> 
<title>Test</title> 
<style type="text/css"> body, html {background-color: #ccc} 
body { background-image: url(test.gif); background-repeat: no-repeat;  background-position: 50% 50%; }
</style>
</head> 
<body></body> 
</html>

Ich sehe das Hintergrundbild IMMER mittig, halt 50/ 50 eben und zwar auf das Browserfenster bezogen. Mit/ohne Extremresize - es bleibt immer mittig.


Mit INHALT:



Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html lang="de"> 
<head> 
<title>Test</title> 
<style type="text/css"> body, html {background-color: #ccc} 
body { background-image: url(test.gif); background-repeat: no-repeat;  background-position: 50% 50%; height: 100px;} 
</style>
</head> 
<body>

 blablablaInterdum volgus rectum videt, est ubi peccat. Si veteres ita miratur 
laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam 
nimis antique, si peraque dure dicere credit eos, ignave multa fatetur, et sapit 
et mecum facit et Iova iudicat aequo. Non equidem insector delendave carmina 
Livi esse reor, memini quae plagosum mihi parvo Orbilium dictare; sed emendata 
videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit 
si forte decorum, et si versus paulo concinnior unus et alter, venditque poema. 
Brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae 
paulatim vello unum, demo etiam unum. Si meliora dies, ut vina, poemata reddit, 
scire velim, chartis perficit quotus pretium quotus arroget annus. Scriptor 
abhinc reddit misso annos centum qui decidit, inter perfectos veteresque referri 
debet an inter vilis atque perfectos novos? Excludat iurgia finis.</P></body> 
</html>
JETZT wird die Höhe des <Body> berücksichtigt! Aha. Mein "Fehler" vorhin war, dass ich Textmengen genommen hatte, die über den Bildschirm hinausgingen.

Was mich aber zu der Feststellung bringt: Die Behandlung des Hintergrundbildes von <body> ist hier nicht abhängig von einer Auszeichnung des <html> sondern von gegebenem Inhalt (siehe meine Beispiele oben).
Ist keiner Vorhanden > Position relativ zum Viewport.
Ist einer vorhanden: >Position relativ zum <Body> unter Beachtung der Höhe des Elements in Abhängigkeit vom Inhalt und nicht von einer deklarierten Höhe.

Wo steckt der Fehler ?

andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Wie kann ich das erste p-Element innerhalb eines Divs nach einem H1 formatieren? bogazci CSS 2 13.02.2012 16:58
Gesetzesartikel formatieren Cu Chullain CSS 2 20.10.2009 13:48
<UL> in Paragraph formatieren mramse CSS 3 03.05.2009 14:39
Links in einer Liste formatieren Steakfred CSS 2 26.01.2008 16:49
Input-Tag formatieren? rothom CSS 1 22.07.2004 09:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:18 Uhr.