|
|||
Nur IE zeigt mein Layout richtig an
Hallo... ich bin grade dabei ein Layout zu schreiben, aber momentan habe ich das Problem, dass nir Mozilla Firefox 2 dieses ein wenig zerhackt. Beim Internet Explorer 7 habe ich dieses Problem nicht.
Könntet Ihr euch eventuell meinem Problem annehmen? Es kann sein, das dass Problem sehr einfach ist, da ich erst seit gestern überhaupt damit angefangen habe, mich mit CSS zu beschäftigen. Zur Info: Laut browsercam.com wird mein Layout nur um Internet Exlorer richtig angezeigt. Layout auf meinem Webspace <klick> Layout Preview Firefox 2 Layout Preview Internet Explorer 7 Der CSS Code Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>layout</title> <style type="text/css" media="screen"> body{ } #container{ height: 468px; width: 624px; text-align:left; background-color:red; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto; background-image: url(slice/background_1px.jpg); background-repeat: repeat; } #header_a{ height: 51px; width: 10px; clear: left; float: right; background-color: #990000; background-image: url(slice/header_a.jpg); background-repeat: no-repeat; } #header_b{ background-color: #000099; width: 490px; height: 51px; margin-left: 0px; position: relative; margin-top: 0px; float: right; background-image: url(slice/header_b.jpg); background-repeat: repeat-x; } #logo_a{ height: 447px; width: 79px; background-color: #33CC66; float: left; background-image: url(slice/logo_a.jpg); background-repeat: no-repeat; } #contents{ height: 378px; width: 491px; background-color: #88070B; margin-top: 60px; margin-left: 124px; visibility: visible; } #logo_b{ background-color: #464256; margin-top: -78px; height: 87px; width: 102px; float: left; background-image: url(slice/logo_b.jpg); } #footer_a{ margin-top: 9px; height: 21px; width: 392px; float: right; background-image: url(slice/footer_b.jpg); background-repeat: repeat-x; bottom: 0px; } #footer_b{ height: 21px; width: 232px; float: left; margin-top: 0px; clear: left; background-image: url(slice/footer_a.jpg); background-repeat: repeat; } </style> </head> <body> <div id="container"> <div id="header_b"><code>der_b</code> </div> <div id="header_a"></div> <div id="logo_a"><code>logo_a</code></div> <div id="contents"><code>contents</code></div> <div id="logo_b"><code>logo_b</code></div> <div id="footer_a"><code>footer_a</code></div> <div id="footer_b"><code>footer_b</code></div> </div> </body> </html> Geändert von Pino (16.02.2007 um 19:23 Uhr) |
Sponsored Links |
|
|||
Es ist unsinnig, sein Markup mit leeren Elementen vollzupflastern.
Lies: Vorsprung durch Webstandards | Retro-Coding: Semantischer Code ist der Anfang von gutem Design Und wenn du glaubst Traffic sparen zu müssen, dann lies: Vitamin Features » Enhance your (page) performance! Lass das Geschnipsel bleiben. -- Die Ursache für die unterschiedliche Darstellung sind "collapsing margins". Die Suchfunktion weiß viel dazu. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Layout funktioniert nur im Firefox :( | bryan | CSS | 2 | 01.01.2011 23:34 |
CSS Layout IE / Firefox - Darstellungsproblem bei float:right | petis | CSS | 5 | 07.01.2009 17:43 |
Problem mit 3-spaltigem Layout im Firefox | Imhotep | CSS | 4 | 08.07.2008 18:17 |
Layout stimmt im Firefox nicht | miketech | CSS | 0 | 28.08.2007 19:01 |
Layout im Firefox zerschossen? | Karlo | CSS | 3 | 14.02.2007 16:13 |