ďťż

[css] jeden div wjezdza na drugiego ...

       

Podstrony


telcocafe

Witam!
Moj problem polega na tym, że mam obok siebie dwa divy. Kiedy do prawego wprowadzę większą ilość tekstu, to wszystko jest ok - div wraz z tłem rozszerza się w dół. Jednak, gdy to samo wprowadzę do diva po lewej, to rozszerza się, ale wystaje poza głównego diva z tłem (który się powinien dopasować). Kombinowałem z position: absolute, relative, i nie mogę :( ciągle jest to samo...

index.html
<html> <head> <title>szablon kopia</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <link rel="stylesheet" href="./style.css" type="text/css" media="screen" /> </head> <div id="calosc"> <div id="top"> </div> <div id="zawartosc"> <div id="lewa"> lewa <br><br><br><br><br><br><br><br><br><br>< br><br>vvlewa </div> <div id="prawa">prawa <br><br><br><br><br><br><br><br><br><br>a prawa </div> </div> <div id="stopka"> </div> </div> </body> </html>

style.css
body { background-color: #191919; margin-left: 20%; margin-top: 0; font-family: Tahoma, Arial; font-size: 11px; color: #000000; } #calosc { text-align: center; width: 780px; height: auto; border: 0; display: block; } #top { background-image: url(gfx/top.jpg); background-repeat: no-repeat; width: 780px; height: 220px; display: block; } #zawartosc { width: 780px; height: auto; background-color: #ffffff; position: relative; display: block; } #stopka { background-image: url(gfx/stopka.gif); background-repeat: no-repeat; width: 780px; height: 19px; display: block; } #lewa { width: 250px; height: 400px; background-color: green; float: left; position: relative; display: block; } #prawa { width: 450px; height: auto; float: right: position: relative; display: block; }

Z góry dzięki za pomoc



overflow:hidden;
w #zawartosc

dzieki wielkie :) działa.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.