Div Eigenschaften von Firefox ignoriert
Schönen Abend zusammen,
liebe Leute ich komm nicht weiter. Sitz grad an einer Homepage die ich in CSS gestalte.
Der liebe Firefox ignoriert die Eigenschaften die ich für bestimmte DIVs vergebe komplett. Ich habe jetzt viel über solche Phänomäne gelesen wobei ich immer wieder an Vorschläge von "Doctype falsch gesetzt" oder "Kommentare falsch geschrieben" hängen geblieben bin. Leider führt nichts zu dem Ergebnis dass Firefox die DIVs mitspielen lässt... ich mein die haben doch auch Gefühle...
Der Spielkamerade Opera und der böse Onkel IE machen keine Probleme. Ich weiß, dass genau das Problem oft beschrieben wurde nur hilft nichts was ich gelesen hab.
Im folgenden Code geht es um die DIVs "navicontainer" und "notfound". Beide sollen z.B. eine Hintergrundfarbe bekommen die aber einfach nicht zur Geltung kommt.
Hier mal zum mitschreiben:
Code:
* {margin:0;padding:0;}
body#page { background-color: #fff; margin:0; padding:0;}
#wrap { margin: 0 auto;
width:1055px;
background-color:#fff;
border-style:solid;
border-color:#fff;
border-width:0px; }
#header { width:1055px;
min-width:1055px;
height:196px;
min-height:196px;
border-width:0px;
background-image:url(../include/img/head_green.png);
background-repeat:no-repeat;
text-align:center; }
#navi { width:291px;
min-width:291px;
height:764px;
min-height:764px;
border-width:0px;
background-image:url(../include/img/navi_green_1.png);
background-repeat:no-repeat;
text-align:right;
padding-top:70px;
float:left; }
#content { width:764px;
min-width:764px;
height:764px;
min-height:764px;
border-width:0px;
background-image:url(../include/img/content_green_1.png);
background-repeat:no-repeat;
text-align:left;
padding-top:70px;
float:right; }
div.navicontainer {width:291px; background-color:#FF8040;}
p.navilink {margin-top:14px;
margin-bottom:14px;}
a.navilink { font-family:verdana;
font-size:12pt;
font-weight:bold;
text-decoration:none;
color:#000;}
a.navilink:hover {font-family:verdana;
font-size:12pt;
font-weight:bold;
text-decoration:none;
color:#E8A80C;}
div.notfound {width:600px;
height:450px;
margin-left:50px;
background-color:#FF8040;
text-decoration:bold;}
p.notfound { margin:0px;
text-align:center;
font-family:verdana;
font-size:40pt;
font-weight:bold;
color:#800000;}
... und jetzt noch Teil 2:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//DE" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="include/style.css">
</head>
<body id="page">
<div id="wrap">
<div id="header">TEST::HEADER</div>
<div id="navi">
<div class="navicontainer">
<p class="navilink"> <a class="navilink" href="#">LINK1</a> <img src="include/img/spacer.gif" width="7" height="1" /> </p>
<p class="navilink"> <a class="navilink" href="#">LINK2</a> <img src="include/img/spacer.gif" width="31" height="1" /> </p>
<p class="navilink"> <a class="navilink" href="#">LINK3</a> <img src="include/img/spacer.gif" width="41" height="1" /> </p>
</div>
</div>
<div id="content">
<div class="notfound"><p class="notfound"> 404 Error </p></div>
</div>
</div>
</body>
</html>
Ich hoffe das mir einer von euch mal nen Klapps auf den Hinterkopf geben kann. Da hat sich sicher irgendwas verkeilt.
Herzlichen Danke schon mal fürs anschauen.
Schönen Abend noch,
skone |
