CSS - rozciąganie kontenera, problem - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - rozciąganie kontenera, problem

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 2

1. Data: 2009-11-17 19:31:24
Temat: CSS - rozciąganie kontenera, problem
Od: Bartek <p...@g...com>

Witam,
Tworzę layout z cssem i mam problem. Nie rozciąga się kontener i
kończy się wcześniej niż warstwa znajdująca się w nim. Nie pomaga
ustawienie overflow, ani nic innego co znalazłem w google.
Może być to coś banalnego, ale albo nie mogę zauważyć, albo o czymś
nie wiem. Będę bardzo wdzięczny za pomoc :)
Poniżej zamieszczam kod.
Wielkie dzięki.

<body>
<div id="all">
<div id="all2">
<div id="content">
<div id="b1"></div>
<div id="b2"></div>
<div id="b3"></div>
<div id="mid">
<div id="lewa">sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>ss
s<br/
>sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss
<br/>sss<br/
>sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss<br/>sss
<br/>sss<br/
>xxx<br/></div>
<div id="t2">
<div id="t1">
<div id="t3">
sd df dfgh dfgh <br/>er<br/>re<br/>wer<br/>wert<br/>wert<br/
>wetr<br/>wet<br/>wert<br/>xxxxxxxxxx--><br/><br/>Ba
rtek<br/>Bartek<br/
><br/><br/>xxxxxxxx<br/>xxxxxxxxxxx<br/><br/>aaaaa<b
r/>aaa<br/><br/>
</div>
</div>
</div>
<div id="ja" style="clear: both;">CLEAR</div>
</div>
</div>
<div id="stopka">STOPKA</div>
</div>
</div>
</body>

BODY {font-family: Verdana; font-weight: none; font-size: 12pt; color:
#000000; margin: 0px; text-align: center; line-height: 18pt;
background-color:beige;}
#all {width: 100%; margin: 0 auto; text-align: center; background-
image:url('img/gora.gif');
background-repeat:repeat-x;
background-position:top left;background-color:yellow;}
#all2 {width: 100%; margin: 0 auto; text-align: center; background-
image:url('img/dol.gif');
background-repeat:repeat-x;
background-position:bottom;}
#content {width: 950px;}
#b1 {background-image: url(img/b1.jpg); width:950px; height:30px;
position:absolute; top:60px; left:0px; }
#b2 {background-image: url(img/b2.jpg); width:950px; height:111px;
position:absolute; top:90px; left:0px; }
#b3 {background-image: url(img/b3.jpg); width:950px; height:27px;
position:absolute; top:201px; left:0px; }
#mid {width:100%; border: 1px solid #000000; position: relative; top:
228px;}
#lewa {float: left; width:225px;}
#t2 {background: transparent url(img/t2.gif) top left repeat-y; width:
725px; float:right; }
#t1 {background: transparent url(img/t1.png) top left no-repeat; width:
725px; position:relative; top:0px; left:0px;z-index:2;}
#t3 {background: transparent url(img/t3.gif) bottom left no-repeat;
width:725px; position:relative; top:0px; left:0px; z-index:2;text-
align:left;}
#stopka {height:50px;text-align:left;}

--
Pozdrowienia
Bartek
www.przezswiat.pl podróże wyprawy

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2009-11-18 09:05:51
Temat: Re: CSS - rozciąganie kontenera, problem
Od: "Marek" <m...@s...interia.pl>

Nie analizowałem kodu gdyż przyczyna takiego zachowania jest bardzo
standardowa i wydaje mi się, że powtarzasz typowy błąd. Otóż przypuszczalnie
wewnątrz tego DIVa stosujesz innego z atrybutem float i zapomniałeś wstawić
za nim z kolei <div style="clear:both"></div>

[ pokaż wiadomość z nagłówkami ]

do góry