|
|||
DIV Background-Color wird im Firefox nicht angezeigt!
Hallo Community,
ich bin nicht nur neu hier im Forum sondern eigentlich auch noch recht neu und unerfahren in der Welt des CSS. Habe mich bereits durch diverse Tutorials und HowTo's gearbeitet und habe eigentlich auch schon eine für mich akzeptable Seite zusammengebaut! Habe jetzt nur noch ein kleines Kompatibilitätsproblem: Wenn ich meine Seite im IE anschaue, dann wird die Hintergrundfarbe des DIV-Containers korrekt dargestellt. Im Firefox leider nicht, dieser übernimmt einfach die Hintergrundfarbe des Body-Tags! Könnt Ihr mir da vielleicht weiterhelfen??? Habe schon lange gesucht, aber leider nichts gefunden! Wird wahrscheinlich nur ein kleiner Fehler sein. Hab euch mal den wesentlichen HTML-Code angehängt! Bereits im Voraus schon mal vielen Dank für die Antworten! MfG miXL Code:
<html> <head> <title>TEST</title> <style type="text/css"> body{ text-align:center; background-color:#345678; } .contentcol { clear:left; width:900px; background-color:#567890; text-align:center; margin:auto auto; } .contentcol1 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } .contentcol2 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } .contentcol3 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } .contentcol4 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } </style> </head> <body> <div class="contentcol"> <div class="contentcol1">SPALTE1</div> <div class="contentcol2">SPALTE2</div> <div class="contentcol3">SPALTE3</div> <div class="contentcol4">SPALTE4</div> </div> </body> </html> Geändert von miXL (31.12.2009 um 11:45 Uhr) |
Sponsored Links |
|
||||
FAQ 2 und verwende einen Doctype
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
|
|||
Hi Heiko,
vielen Dank schon mal für die schnelle Antwort! Habe jetzt <div style="clear:both;"></div> ans Ende des inneren Containers gesetzt und siehe da, es hat funktioniert! *Hehe* Kannst du mir bitte noch schnell erklären, was du mit DOCTYPE gemeint hast??? (Sorry, bin CSS-Anfänger!) Vielen Vielen Dank! Hier noch der korrekte Code: Code:
<html> <head> <title>TEST</title> <style type="text/css"> body{ text-align:center; background-color:#345678; } .contentcol { width:900px; background-color:#567890; text-align:center; margin:auto auto; } .contentcol1 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } .contentcol2 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } .contentcol3 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } .contentcol4 { width:200px; float:left; font-family:Trebuchet MS, Helvetica; font-size:15px; text-align:inherit; color:FFFFFF; margin-left:10px; margin-right:10px; } </style> </head> <body> <div class="contentcol"> <div class="contentcol1">SPALTE1</div> <div class="contentcol2">SPALTE2</div> <div class="contentcol3">SPALTE3</div> <div class="contentcol4">SPALTE4</div> <div style="clear:both;"></div> </div> </body> </html> |
|
||||
Let me google that for you Ich empfehle XHTML 1.0 Strict.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Ahhhh!
Sorry, ich hab doch gewusst, ich hab dieses Doctype schon mal irgendwo gelesen!!! Habe natürlich die Doctype Zeile in meiner richtigen Webseite drin!
Vielen Dank nochmal! MfG miXL |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 22:19 |
Problem mit CSS Style | flo007 | CSS | 3 | 25.01.2009 18:08 |
Grafik in ein Template als Hintergrund einbinden. | monsun | CSS | 0 | 30.06.2008 13:58 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 23:48 |