nicht angemeldet
Problem mit Hintergrundbild & position:relative
hi zusammen,
ich steh vor folgendem problem:
ich hab einen container (content), in dem zwei weitere container links (navi) und rechts (inhalte) ausgerichtet werden.
alle container habe ich relativ positioniert.
das problem ist, dass das hintergrund des content-divs im mozilla nicht angezeigt wird. im ie funktioniert es.
das bild sollte vertikal gekachelt werden
wenn ich sie absolut ausrichte, kommt das hg-bild (pfad stimmt :) ). ist an dieser stelle aber nicht möglich, müssen relative sein.
hier mal der beispielcode:
<div id="content">
<div id="navi">Navi</div>
<div id="inhalte">Inhalte</div>
</div>
dazu das css:
#content { background-image: url("../gfx/bg-content.jpg"); background-repeat: repeat-y; position: relative; width: 776px; height: auto }
#navi { margin-left: 14px; padding-top: 20px; position: relative; left: -15px; width: 167px; float: left }
#inhalte { position: relative; right: 165px; width: 430px; float: right }
hat jemand eine idee warum das hg-bild nicht angezeigt wird?
bin für jeden tipp dankbar.
fab
-
Hi,
alle container habe ich relativ positioniert.
vor allem hast Du sie gefloatet.
das problem ist, dass das hintergrund des content-divs im mozilla nicht angezeigt wird.
Das Problem ist, dass Du Dich nicht genügend über die Berechnung von height:auto im Zusammenhang mit gefloateten Elementen informiert hast. Das solltest Du nachholen.
im ie funktioniert es.
Dieser Bug ist bekannt.
hat jemand eine idee warum das hg-bild nicht angezeigt wird?
Ja: Die Höhe des <div id="content"> ist 0.
bin für jeden tipp dankbar.
fab
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Das Problem ist, dass Du Dich nicht genügend über die Berechnung von height:auto im Zusammenhang mit gefloateten Elementen informiert hast. Das solltest Du nachholen.
dann könntest du ja so gnädig sein und mir auf die sprünge helfen.
Dieser Bug ist bekannt.
... aber unlösbar oder wie?
-
Hi,
dann könntest du ja so gnädig sein und mir auf die sprünge helfen.
hm, die Suchbegriffe, die ich Dir nannte, sollten eigentlich reichen.
Dieser Bug ist bekannt.
... aber unlösbar oder wie?Ja, nur steht Dir bei Deinem akuten Vorhaben der IE-Bug nicht im Weg.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi,
dann könntest du ja so gnädig sein und mir auf die sprünge helfen.
hm, die Suchbegriffe, die ich Dir nannte, sollten eigentlich reichen.
ich weiß ja das Cheatah die Leute zum Selberdenken anregen will (finde ich ja auch gut/besser), aber manchmal reicht es nicht, um den Fragenden auf den richtigen Weg zu bringen. Deshalb (auch auf die Gefahr hin, dass ich mir aufgrund nicht genügend präziser Aussagen einen Kommentar einfange ;-). )
Der Hinweis von Cheatah, dass du die beiden inneren DIVs gefloatet hast, sollte dir sagen, dass du sie damit aus dem "normalen Fluß" genommen hast. Somit beeinflussen sie auch #content nicht. Dieses Div hat somit keinen Inhalt und folglich auch keine Höhe (siehe Cheatahs zweiten Tipp). Dies sollte dir klarmachen, warum dein Hintergrund "nicht da" ist.
Füge bspw. irgendeinen Inhalt in #content ein und du wirst den Effekt/ Unterschied sehen. Ansonsten empfehle ich noch das Thema "Clearen von floats".
Gruß Gunther
-
Danke Günther,
... das wird mir hoffentlich weiter helfen!
fab
-
-
-
-