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.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

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