Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 16.04.2010, 21:29
skone skone ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2010
Beiträge: 3
skone befindet sich auf einem aufstrebenden Ast
Standard 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

Geändert von skone (16.04.2010 um 21:34 Uhr)
Mit Zitat antworten
Sponsored Links