Pereiti prie turinio

Rekomenduojami pranešimai

Sveiki. Kuriu nauja tinklalapio dizainą ir susidūriau su problema. Noriu padaryti dvi kolonas viena šalia kitos, tačiau jos gaunasi nevienodo aukščio. Jei į kairiąją prirašai daugiau teksto, dešinioji tampa per trumpa, ir atvirkščiai. Man jas reikia padaryt vienodo aukščio(pvz kad padidėjus dešiniajai kolonai padidėtų ir kairioji). Bandžiau rašyti height:100% - nepadeda.

 

#informacija {
 width: 776px;
}
#menu {  
 height: 100%;
 float: left;
 width: 149px;
 border-right: 1px solid #6b9eb9;
 background: url(images/spacer.gif) repeat;
}
#tekstas {
 float: right;
 Width: 626px;
 height: 100%;
}

<div id="informacija">
 <div id="tekstas"></div>
 <div id="menu"></div>
</div>

 

Tai css ir html kodas. gal čia geriau matysis problema. Esmė tame, kad man reikia kolonas "tekstas" ir "menu" padaryt vienodo aukščio.

Redagavo ChezZy
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Visų pirma, tai mistype'as yra #menu: float, o ne fout.

O šiaip tai nurodyk #information height'ą tokį, kokio nori kad anie abu būtų :)

ačiū už pastabą, nemačiau klaidos. :D o #information height'o nenoriu nurodyt todėl, kad tada informacijos galės pateikti tinklalapyje tik tiek, kokį aukštį nurodysiu. Jei konteineryje #tekstas surašysiu daugiau informacijos, nei telpa į nurodytą dydį, man tiesiog netilps visas tekstas. Nejau nėra kokio kito būdo šiai problemai išspręst?

Nuoroda į pranešimą
Dalintis kituose puslapiuose

#informacija {
 width: 776px;
 position:relative;
}
#menu {  
 width: 149px;
 border-right: 1px solid #6b9eb9;
 background: #acacac;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
}
#tekstas {
 Width:100%;
 background: #fbbcac;
 position:relative;
 margin-left:149px;
 padding-left:10px;
}

 

<div id="informacija">
 <div id="tekstas"></div>
 <div id="menu"></div>
</div>

 

Su IE 6 berods neveikia, bet jei labai reikia galima ir tai sutvarkyti.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...