Pereiti prie turinio

Reikia pagalbos su div'ais

Danni

Sukūrė Danni
Tinklalapių kūrimas

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

Donciokas

Donciokas 40

Atrašyta
Atrašyta

daryk sakykim float:left, pirmas nustatai pixeliais arba procentais kiek užimt turi, rekomenduoju ne daugiau kaip width:24%, vidurinis width:800px, desineje pusėje vėl width:24%. Manau turėtų tilpti, gali būti jog div'us iškraipys, tuomet teks truputi arba centrinį div'ą pamažint, arba kraštinius pasiaurint. Eksperimentuok. O pradinis kelias toks kaip parasiau.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Danni

Danni 1

Atrašyta
  • Autorius
Atrašyta

Ne, div'ų iškraipymas man netinka, man vidurinis div'as griežtai turi būti fiksuoto dydžio ir pikseliais (tarkim 800px). Įtariu, kad man reikia kažkaip daryti, kad div'as iš kairės turėtų margin-right: 400px, ir atitinkamai div'as iš dešinės margin-left: 400px, bet turi ir dar kažkas būti, nes man pakolkas su tokiais pabandymais nieko gero nesigauna.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Donciokas

Donciokas 40

Atrašyta
Atrašyta

Su margin ir nesigaus tau nieko, jei darai kaip sakai, nes tau tas margin kaip tuscias plotas naudojamas, kuriame nieks neatvaizduojama. Jei tu nori per visa monitoriaus dydi daryt sevtaine, ta prasme nefiksuoto body width, tai tuomet daryk taip pat tris divus, bet po kekvieno, daryk po div'a, kuris nuvalytu foat'us. Tokiu atveju galesi uzmest kairiajam float:left, centriniam: center fixed, o desiniajam float:right.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Danni

Danni 1

Atrašyta
  • Autorius
Atrašyta

Pagaliau radau pati sprendimą ir be javascript. Jei kam įdomu pateikiu kodą:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
body {
margin:0;
padding:0;
}
#left-side-outer {
width:50%;
float:left;
margin-right:-500px;
}
#left-side{
margin-right:500px;
background-color:#FF9900;
height:500px;
}
#center-column {
width:1000px;
float:left;
position:relative;
height:300px;
}
#right-side-outer {
width:50%;
float:right;
margin-left:-500px;
}
#right-side {
margin-left:500px;
background-color:#FF9900;
       height:500px;
}
</style>
</head>
<body>
<div id="left-side-outer">
   <div id="left-side"></div>
</div>
<div id="center-column">Centered fixed width</div>
<div id="right-side-outer">
   <div id="right-side"></div>
</div>
</body>
</html>

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...
×
 Dalintis
Sekėjai 0
Eiti į temų sąrašą

  • 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ą...