|
|||
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;} 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) |
Sponsored Links |
|
|||
Das Darstellungsproblem kann ich nicht nachvollziehen. Ich sehe orange im FF.
Dein Code ist nicht valide. Nimm XHTML 1.0, nicht 1.1 (Lesestoff). Eine Navigation gehört in eine Liste.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
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 |
srollbarer div in td klappt nur im IE und Firefox? | cute | (X)HTML | 10 | 14.10.2007 23:49 |
Firefox lässt div nicht mitwachsen | Tagsdigital | CSS | 5 | 20.06.2006 20:40 |
html tabelle in div steht im firefox rechts neben div | Holger (HMR) | CSS | 2 | 08.01.2005 19:45 |
div in div firefox | Holger (HMR) | CSS | 3 | 29.12.2004 22:16 |