nicht angemeldet
DIV-Struktur wird nicht richtig angezeigt
Hallo folks!
Ich habe folgende Struktur:
<div id="content">
<div id="topImg"></div>
<div id="breadcrumb"></div>
<div>
<div id="contentC"></div>
<div id="contentR"></div>
</div>
</div>
mit meiner CSS-Datei habe ich nun Border an alle div gehängt und ich merke, wenn der Inhalt in "ContentC" zu lang ist, dann kommt er raus aus "Content".
Wie kann ich sowas verhindern.
Habe schon #content{height:100%}
danke,
Droom
-
hallo,
Ich habe folgende Struktur:
Du hast die Struktur einer nahezu perfekten DIV-Suppe.
mit meiner CSS-Datei habe ich nun Border an alle div gehängt und ich merke, wenn der Inhalt in "ContentC" zu lang ist, dann kommt er raus aus "Content". Wie kann ich sowas verhindern.
Mit einer einigermaßen passenden CSS. Aber die kennt ja außer dir bisher niemand.
Habe schon #content{height:100%}
Was vermutlich völlig überflüssig ist.
Grüße aus Berlin
Christoph S.
-
Moin
Wenn du die inneren Divs gefloatet hast, musst du dieses Float auch wieder aufheben. Ansonsten ist alles außer Fluß, und der Content-Container richtet sich nicht nach der Größe der inneren Divs.
Zeig mal dein ganzes CSS. Dann können wir dir vielleicht besser helfen.
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
here ist n auszug aus meiner css-Datei
html{width: 100%; height: 100%}
body{margin:0;padding:0;text-align:center;min-height: 100%;height: auto !important;height:100%; position:relative;}#content{width:600px; height:100%; float:right;}
#topImg{margin-left:-1px; margin-bottom:15px; padding-bottom:0px;border: 1px solid #ffffff;}
#breadcrumb{ margin-bottom:35px;}#contentC{width:438px; float:left;}
#contentR{width:145px; float:right;}danke
-