nicht angemeldet
Hallo,
Ich will erreichen, dass #infokasten einen Abstand von 100px von #seiteninhalt hat. Wie erreiche ich das?
Entweder
#Seiteninhalt {overflow:hidden oder auto}
oder
#Seiteninhalt {margin-bottom:200px;}
Beim 2. bin ich mir aber nicht sicher…
AFAIK klappt das aber alles erst, wenn du das Untenstehende Problem beseitigt hast!
Weiter ist es seltsam, dass der grüne Rahmen von #seiteninhalt nicht #seitentext und #navigation umschließt.
Du musst das floating innerhalb von „#seiteninhalt“ irgendwie aufheben. Dafür gibt es mehrere Möglichkeiten:
1. (Mit zusätzlichem HTML):
<div id="#seiteninhalt">
…
<div clear="both"></div>
</div>
Vorteil: wird von fast allen Browsern unterstützt
Nachteil: zusätzliches HTML
2. (Nur CSS):
#seiteninhalt:after
{content:"";display:block;clear:both;}
Vorteil: kein zusätzliches HTML; Block verhält sich normal
Nachteil: Browser muss :after kennen
3. (Nur CSS):
#seitentext,#navigation
{overflow:auto oder hidden;}
Vorteil: klappt zumindest in aktuellen IEs
Nachteil: overflow:auto führt oft zu unnötigen Scrollbalken und hidden macht den Inhalt unerreichbar.
In deinem Fall würde ich die 2. Methode bevorzugen. Zwar wird sie vom IE nicht unterstützt, dieser errät jedoch das, was du haben möchtest und stellt den Rahmen auch jetzt schon wie gewünscht dar (jedenfalls der 7-er; habe keinen 6-er mehr).
mfg. Daniel