zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DIV Background-Color wird im Firefox nicht angezeigt!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.12.2009, 11:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2009
Beiträge: 3
miXL befindet sich auf einem aufstrebenden Ast
Standard 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>
Angehängte Dateien
Dateityp: txt index.txt (1,3 KB, 2x aufgerufen)

Geändert von miXL (31.12.2009 um 11:45 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.12.2009, 12:26
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.12.2009, 13:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2009
Beiträge: 3
miXL befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #4 (permalink)  
Alt 31.12.2009, 14:34
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #5 (permalink)  
Alt 31.12.2009, 15:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2009
Beiträge: 3
miXL befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:38 Uhr.