Div vergrößert sich nicht automatisch ...

[johnnyderdepp]

Hallo !

Normalerweise vergrößern sich ja Div Container, wenn der Inahlt größer ist als die Box, wenn man keine height angegeben hat oder?

Aber hier irgendwie nicht...

<div id="section">                <div id="content">
                    <p>a</p>
                    <p>b</p>
                    <p>c</p>
                    <p>d</p>
                    <p>e</p>
                </div>
                <div id="sidebar">
                    sidebar
                </div>
            </div>

body {    background: #252A30;
}


#wrapper {
    padding: 10px;
    width: 1000px;
    border: 1px solid #000;
    margin: 0 auto;
}


#banner {
    margin-top: 5px;
    width: 1000px;
    height: 200px;
    background: #ff4444;
}


#breadcrumb {
    margin-top: 10px;
    width: 990px;
    height: 18px;
    padding: 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


#section {
    width: 1000px;
    margin-top: 10px;
}


#content {
    float: left;
    width: 740px;
    padding: 5px;
}


#sidebar {
    float: left;
    width: 229px;
    padding: 5px;
    margin-left: 10px;
    border-left: 1px dashed #fff;
}


#footer {
    width: 990px;
    height: 38px;
    padding: 5px;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
}

 

[threadi]

Und wie sieht der restliche HTML-Code zum CSS-Code aus?
Kann man sich das irgendwo online ansehen? Link?

 

[johnnyderdepp]

http://pastebin.com/xDd2mBHS

 

[Tronjer]

Normalerweise vergrößern sich ja Div Container, wenn der Inahlt größer ist als die Box, wenn man keine height angegeben hat oder?

Es sei denn, die im Container liegenden Werte werden aus dem Textfluss genommen. So etwas passiert z.B. wenn man position: absolute oder float: left verwendet.

 

[Cheffchen]

Hallo,

ohne link ganz schlecht aber mein Glaskugel sagt wie zu 99%.

"Wer floatet, muss auch clearen!" :Firefox stellt Hintergrund nicht vollständig dar

Cheffchen

 

[johnnyderdepp]

hab jz eine div box mit clear both zwischen

<div id="section">
  <div id="content">
  </div>
  <div id="sidebar">
  </div>
  <div id="clear" style="clear:both;">
  </div>
</div>

und der Section hab ich "overflow: auto;" gegeben, hat aber nicht geholfen

 

[Cheffchen]

zeige ein link.

 

[johnnyderdepp]

Der Titel :-)

 

[Cheffchen]

Hallo,

ah mit link geht das viel einfacher und schneller.

mach mal nach #section ein clear.

also so

<div id="section">
                <div id="content">
                    <p>a</p>
                    <p>b</p>
                    <p>c</p>
                    <p>d</p>
                    <p>e</p>
                </div>
                <div id="sidebar">
                    sidebar
                </div>
                <div style="clear: both;"></div>
 </div>
[COLOR=#ff0000][B]<div style="clear: both;"></div>[/B][/COLOR]

Cheffchen

 

[johnnyderdepp]

erledigt - DANKE !!!