zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Eigenschaften von Firefox ignoriert

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.04.2010, 21:29
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
  #2 (permalink)  
Alt 16.04.2010, 21:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
Sponsored Links
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:06 Uhr.