CSS-Darstellungsprobleme im FF

[jilli]

Hallo,

ich habe eine Seite fotografie in css programmiert, habe jetzt aber leider Darstellungsprobleme im FF.

Probleme im FF:

1) Auf der Start-Seite soll die BG-Farbe hinter dem Logo "weiß" sein. beim FF ist sie grau.

2). Die Content-Farbe (hinter den Fotos soll) soll "grau" sein, ist aber im unteren Bereich "weiß".

3.) Unterseiten: Die Ausrichtung der Navigation und Größe der einzelnen Rubrikbereich stimmt auch nicht.

Ich bin für jede Hilfe dabkbar.

Vielen Dank vorab - Jilli

Inhalt-CSS

* {
padding:0px;
margin:0px;

}

body
{
font-family:verdana;
font-size:11px;
color:#000000;
background-color: #E6E6E6;
text-align:center;
line-height:0.47cm;
}
h1 {font-size:12px;color:#10007C;margin:0px;font-weight:bold;}
h2 {font-size:13px;color:#ff6900;margin:0px;}

#rahmen {
width:950px;
height:620px;
border:5px solid #E6E6E6;
margin:60px auto;
text-align:left;
background-color:#ffffff;
}

#logo {
float:right;
margin:10px 15px 10px 0;
}


#nav {
float:left;
margin:82px 0 7px 21px;
}

/*Hier beginnt die Navigation*/

/*a {
display:block;
height:2em;
}*/

div.nav {
float:left;
color:#000000;
text-decoration:none;
font-family:verdana;
font-size:1.2em;
text-transform: none;
border:1px solid white;
}



div.nav_1 a {
width:62px;
}

div.nav_11 a {
width:66px;
}

div.nav_2 a {
width:45px;
}

div.nav_22 a {
width:51px;
}

div.nav_3 a {
width:36px;
}

div.nav_4 a {
width:82px;
}

div.nav_5 a {
width:52px;
}

div.nav_6 a {
width:36px;
}
div.nav_7 a {
width:50px;
}

div.nav_8 a {
width:44px;
}

div.nav_9 a {
width:50px;
}


div.nav a:visited {
 color:#000000;
}

div.nav a:hover {
color:#FF00CC;
}
div.nav a:active {
 color:#FF00CC;
}



/*Ende Navigation*/

#content {
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#EFEFEF;
float:left;
width:950px;
height:505px;
border:1px solid #EFEFEF;
}

#galerie {
float:left;
width:870px;
height:430px;
margin:65px 10px 10px 20px;
border:1px solid #EFEFEF;
}


#text {
float:right;
width:500px;
margin:200px 25px 30px 0px;
border:1px solid #EFEFEF;
}

#text p {
font-size:1em;
margin:0 0 10px 0 ;
line-height:1.5em;
}

#text_impressum {
float:right;
width:555px;
margin:200px 25px 30px 0px;
border:1px solid #EFEFEF;
}

#impressum_links {
float:left;
width:205px;
height:240px;
border:1px solid #EFEFEF;
}

#impressum_links a {
display:inline;
}

#impressum_rechts {
float:right;
height:240px;
border:1px solid #EFEFEF;
width:345px;
}

#impressum_rechts a {
display:inline;
}
 
#link {
padding-left:0px;
margin:0px;
text-decoration:none;
}


	.textlink {
	color:#000000;
 	text-decoration:none;
 	font-size:1em;
	text-transform: none;
	}
	.textlink:visited {
	 color:#000000;
		}
	.textlink:hover {
 	color:#ff00CC;
		}
		
	.textlink:active {
	 color:#ff00CC;
	 
	}

Index-CSS

* {
padding:0px;
margin:0px;

}

body
{
font-family:verdana;
font-size:11px;
color:#000000;
background-color: #E6E6E6;
text-align:center;
line-height:0.47cm;
}
h1 {font-size:12px;color:#10007C;margin:0px;font-weight:bold;}
h2 {font-size:13px;color:#ff6900;margin:0px;}

#rahmen {
width:950px;
height:618px;
border:5px solid #E6E6E6;
margin:60px auto;
text-align:left;
background-color:#ffffff;
}

#logo {
float:right;
margin:10px 15px 10px 0;
background-color:#ffffff;
}

#nav {
float:left;
margin:82px 0 7px 21px;
background-color:#ffffff;
}


#content {
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#EFEFEF;
float:center;
width:950px;
height:505px;
margin:0px 0px 0px 0px;
}

#starter {
float:center;
width:930px;
height:465px;
margin:0px 0px 0px 9px;
}


#text p {
font-size:1em;
margin:0 0 10px 0 ;
line-height:1.5em;
}

 

[ein schlauer]

Ich hab jetzt nur kurz das CSS der Startseite betrachtet, das erste was auffällt du machst viel zu viel. Um das was du erreichen willst umzusetzten brauchst du kein float (zumal dir FF auch sagt, dass es float:center nicht gibt) auch die verschachtelten DIVs sind mit sicherheiot überflüssig.

und grundsätzlich, wenn FF etwas anders darstellt als der IE hat in 99% der Fälle FF recht. Der IE ist kein Browser den du als Referenz benutzen kannst, selbst in der 7'er Version hat der noch zuviele Darstellungsfehler. Zumal deine Seiten im Quirksmode sind.

 

[jilli]

Hallo "Ein Schlauer" vielen Dank für Deine Anwort. Da ich CSS Neuling bin und erst die Contentseiten hatte und dann die Startseite gemacht habe, glaube ich das mit dem unnötigen Code.
Leider weiß ich nicht genau welche Anweisungen sich wie auswirken, deshalb muß ich mal schauen ob ich mit Deinen Tipps was anfangen kann um meinen Code zu bereinigen.

Jilli