nicht angemeldet
Firefox wendet Background-color nicht korrekt an
0 0 0 0 
Struppi
Firefox wendet Background-color nicht korrekt an
Hallo,
ich habe eine Website nach XHTML 1.0 Strict erstellt.
Auf der Seite verwende ich Div Blöcke die mittels CSS Display Eigenschaft als Tabellen dargestellt werden.
So besteht meine Seite im Prinzip aus 3 Div-Tabellen, die mittels Display:absolute positioniert werden.
..nur falls das wichtig sein sollte.
Ja nun, im Prinzip mache ich nichts weiter als dem BODY - Tag mit der Eigenschaft
background-color
eine Hintergrundfarbe zuzuweisen.
Opera stellt das auch, so wie ich mir das gedacht habe, auf dem ganzen Bildbereich dar.
Firefox aber stellt die Hintergrund farbe nur in der ersten Div-Tabelle dar. Den Rest der Seite lässt er einfach in weißer Hintergrundfarbe.
Kann mir jemand sagen warum das so ist und wie ich das ändern kann ?
Ne Hintergrundfarbe zuzuweisen is eigentlich nich weiter schwer, daher weiß ich gar nich wo ich anfangen soll nach dem Fehler zu suchen
MfG
Alex
-
Hallo Alex,
Poste doch mal deinen Quelltext. Damit könnte man vielleicht mehr anfangen.
-
Poste doch mal deinen Quelltext. Damit könnte man vielleicht mehr anfangen.
Also das ist jetzt n Ausschnitt aus der Index.xhtml
Stellt die obere Logoleiste dar, die noch ne Hintergrundfarbe hat.
Die andere Box ist der Haupt-Inhalt. Dieser hat schon keinen Hintergrund mehr.
Ich kann mir nicht erklären warum...Wär super wenn jemand den Fehler findet.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SiteTitle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head><body>
<div id="logoTable" class="table"><!--TopLogoTable-->
<div class="tr">
<div class="td">
<a href="http://">
<img src="img/logo.gif" alt="btu-logo"/>
</a>
</div>
<div id="logoSpacer" class="td">
<div id="ceteredLogo" class="table"><!--LogoInnerTable-->
<div class="tr">
<div class="td">
<a href="index.xhtml">
<img src="img/lslogo.gif" alt="logo"/>
</a>
</div>
<div id="mainTitleCol" class="td">
<span id="mainTitle" class="titleLabel">SiteTitle</span>
</div>
</div>
</div><!--end LogoInnerTable-->
</div>
</div>
</div><!--end TopLogoTable--><div id="mainContent" class="table"><!--mainContentContainer-->
<div class="tr">
<div class="td"><!--Picture-->
<img src="img/lslogo_big.gif" alt="Snglt" />
</div><!--end Picture-->
<div id="mainContextMiddle" class="td"><!--TextContent-->
<span class="menuTopic">Anschrift</span>
<div class="mainContentText">
Name
<br />
Stadt
<br />
Inst
<br />
Zusatz...
<br />
PLZ Ort
</div>
<span class="menuTopic">Tel</span>
<div class="mainContentText">
Nr
</div>
<span class="menuTopic">Telefax</span>
<div class="mainContentText">
Nr2
</div>
<span class="menuTopic">Addr Lokal</span>
<div class="mainContentText">
Geb
<br />
Raum
</div>
</div><!--end TextContent-->
</div>
</div><!--end mainContentContainer--></body>
</html>-
Poste doch mal deinen Quelltext. Damit könnte man vielleicht mehr anfangen.
Also das ist jetzt n Ausschnitt aus der Index.xhtml
.... eben gerade hab ich (so sinnlos es mir vorkam) mal die index.xhtml in index.html umbenannt.
...Kann mir jemand bitte erklären warum dann plötzlich die Hintergrundfarbe !!richtig!! auf der kompletten Seite genutzt wurde ??
Gruß
Alex
-
Yerf!
...Kann mir jemand bitte erklären warum dann plötzlich die Hintergrundfarbe !!richtig!! auf der kompletten Seite genutzt wurde ??
Ich kanns nur vermuten, aber evtl. gibts Hinweise in die richtige Richtung: warscheinlich ist das Dokument durch die xhtml-Endung als XML ausgeliefert worden, wodurch der FF einen anderen Parser benutzt. Dazu kommt dann noch, dass in echtem XHTML ein Unterschied bezüglich der Hintergrundfarbe des Body existiert, dass diese nicht auf den Viewport vererbt wird. Du hast etwas von absoluter Positionierung erwähnt, da beeinflussen die Elemente die Höhe des umgebenden Containers nicht mehr, d.h. der Body ist nicht so hoch wie der dargestellte Inhalt, da dieser aus dem Fluss genommen wurde.
Lange Rede kurzer Sinn: gib die Hintergrundfarbe dem html-Element.
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->-
Lange Rede kurzer Sinn: gib die Hintergrundfarbe dem html-Element.
Hm das mit body und der absoluten Positionierung macht Sinn, denn die Box die die oberste Bildleiste darstellt ist die einzige die keine absolute Positionierung bekommen hat.
Ansonsten sollte xml aber auch so alles können was html kann. Letzlich legt man das was drin ist im file ja z.B. über den doctype fest.
Aber so bin ich nun auf jeden Fall schlauer - Danke
MfG
Alex
-
Yerf!
Ansonsten sollte xml aber auch so alles können was html kann. Letzlich legt man das was drin ist im file ja z.B. über den doctype fest.
XML ist halt klarer definiert und besitzt weniger "Magie" als HTML. Z.B. keine impliziten <tbody> die nicht im Quelltext stehen oder eben kein Vererben der Hintergrundfarbe "nach oben". Insgesammt wird XHTML dadurch eigentlich einfacher, da berechenbarer.
Eine Unterscheidung über den Doctype ist problematisch, da zum Auswerten dessen der Parser ja schon gestartet sein muss. Deshalb erfolgt die Parserauswahl anhand des Mime-Types im HTTP-Header.
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
-
-
-
-
Wär super wenn jemand den Fehler findet.
In dem HTML Code exiistiert keine Angabe die irgendetwas eine Farbe gibt. Kannst du uns auch ein Beispiel zeigen, wo dein Problem sichtbar wird?
Struppi.
-
-