|
|||
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> 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> 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> 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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |