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

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

Path: news-archive.icm.edu.pl!newsfeed.gazeta.pl!news.onet.pl!news.nask.pl!news.nask.
org.pl!newsfeed00.sul.t-online.de!t-online.de!border2.nntp.dca.giganews.com!nnt
p.giganews.com!postnews.google.com!a32g2000yqm.googlegroups.com!not-for-mail
From: Bartek <p...@g...com>
Newsgroups: pl.comp.www
Subject: CSS - rozciąganie kontenera, problem
Date: Tue, 17 Nov 2009 11:31:24 -0800 (PST)
Organization: http://groups.google.com
Lines: 75
Message-ID: <3...@a...googlegroups.com>
NNTP-Posting-Host: 95.108.33.230
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2
Content-Transfer-Encoding: quoted-printable
X-Trace: posting.google.com 1258486285 2899 127.0.0.1 (17 Nov 2009 19:31:25 GMT)
X-Complaints-To: g...@g...com
NNTP-Posting-Date: Tue, 17 Nov 2009 19:31:25 +0000 (UTC)
Complaints-To: g...@g...com
Injection-Info: a32g2000yqm.googlegroups.com; posting-host=95.108.33.230;
posting-account=4bVpKgoAAABPVupT7bRUxS-rzPALMeZ_
User-Agent: G2/1.0
X-HTTP-UserAgent: Opera/9.51 (Windows NT 6.0; U; pl),gzip(gfe),gzip(gfe)
Xref: news-archive.icm.edu.pl pl.comp.www:394190
[ ukryj nagłówki ]
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