[CSS] Zablokowana wysokosc diva?!

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
MoLo
Nowy
Nowy
Posty: 30
Rejestracja: pt lut 03, 2006 6:56 pm

[CSS] Zablokowana wysokosc diva?!

Post autor: MoLo »

Kod: Zaznacz cały

 .cialko{
     background-image:url(body.jpg);
     background-position: bottom;
     background-repeat: no-repeat;
     margin-right: 27px;
     padding: 10px;
     height: auto;
 }
 .news{
     margin-left: 20px;
     width: 240px;
     text-align: left;
     border: 1px solid black;
     display: block;
     float: left;
 }
 .prawa{
     border: 1px solid black;
     margin-left: 30px;

     width: 535px;
     display: block;
     float: left;

Kod: Zaznacz cały

     <DIV CLASS="cialko">
        <DIV CLASS="news">
          asdas
        </DIV>
        <DIV CLASS="prawa">

        </DIV>
     </DIV>
Po wprowadzenia dluzszego tekstu np do "prawa", zamiast rozciagac wysokosc "cialka", wylewa sie z niego w dol.
Prosze o pomoc.
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: [CSS] Zablokowana wysokosc diva?!

Post autor: ooo_michal »

Spróbuj usunąć height: auto i napisz czy pomogło.
kulmen
Nowy
Nowy
Posty: 64
Rejestracja: sob cze 23, 2007 3:24 am
Kontakt:

Re: [CSS] Zablokowana wysokosc diva?!

Post autor: kulmen »

Używając float dla newsów wyrzucasz je z podstawowej struktury dokumentu. Na końcu newsów musisz dodać jakiś element z clear: left;
MoLo
Nowy
Nowy
Posty: 30
Rejestracja: pt lut 03, 2006 6:56 pm

Re: [CSS] Zablokowana wysokosc diva?!

Post autor: MoLo »

dzieki za pomoc.
Wystarczylo podac pod prawym i lewym divem nowego z atrybutrm "clear: both"
ODPOWIEDZ