nicht angemeldet
Ausrichtung von ineinandergeschachtelten divs
Hallo Forum :-)
Da ihr ja neulich einiges an Kritik an meiner Seite (http://www.finalfuture.de) geäußert habt,
will ich mir diese natürlich zu Herzen nehmen
und auch versuchen meine Seite entsprechend zu verbessern.
Da auch der Punkte genannt wurde, dass man nicht so gut erkennen
könne, wo die Seite aufhöre,
dachte ich mir, ich lege um die beiden divs der Navigation und des
Inhalts nochmal ein div mit einer anderen Hintergrundfarbe.
Momentan sieht das ganze so aus:
http://www.finalfuture.de/finalfuture/index.php?loc=home&skin=3
Wenn ihr dort z.B. auf Final Fantasy 7 klickt, wird euch bestimmt
auffallen, dass der div bereich, in dem der Inhalt untergebracht ist, unter dem umschließenden div bereich einfach weitergeht und diesen
nicht mit nach unten verlängert.
Das mag nun an der absoluten Positionierung liegen.
Wenn ich aber stattdessen relative nehme, stimmt das ganze schonwieder nicht, da der Inhalt dann erst unter der navigation anfängt, statt daneben.
Wisst ihr wie ich das so hinkriege, dass der Inhalt wie bei der absoluten Positionierung neben der Navigation anfängt aber auch den umschließenden div bereich verlängert wie bei der relativen Positionierung?
Schonmal danke für eure Antworten!
mfg
Julius
-
hi,
Wisst ihr wie ich das so hinkriege, dass der Inhalt wie bei der absoluten Positionierung neben der Navigation anfängt aber auch den umschließenden div bereich verlängert wie bei der relativen Positionierung?
die absolute positionierung nimmt ein element bekanntlich aus dem dokumentfluss heraus - deshalb wirkt es sich auf die höhe umschliessender elemente gar nicht mehr aus. auf gut deutsch: "absolute positionierung heisst für den browser, mach' erstmal den anderen kram passend, und klebe _danach_ den absolut positionierten bereich oben drauf."
mir scheint, die navigation mit float neben dem inhaltsbereich zu positionieren, dürfte für deine zwecke geeigneter sein, http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float.
gruss,
wahsaga-
Hoi wahsaga,
mir scheint, die navigation mit float neben dem inhaltsbereich zu positionieren, dürfte für deine zwecke geeigneter sein, http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float.
Ja stimmt float:left; geht in dem Fall :)
Nun macht der IE dadurch aber ein weiteres Problem:
Ich will den Inhalt ja nicht direkt an der Navigation, deswegen geb ich da noch left:170px; ein.
Mozilla macht das alles auch richtig, und richtet von ganz links 170 Pixel aus, ebenso wie Opera.
Aber der IE fällt da malwieder aus der Reihe und richtet vond er Navigation aus 170 Pixel nach rechts aus :(Weis da evtl. jemand weiter?
mfg
Julius-
Hi,
Ich will den Inhalt ja nicht direkt an der Navigation, deswegen geb ich da noch left:170px; ein.
positionierst du den inhalt absolut? warum nicht margin-left?
freundliche Grüße
Ingo
-
-