Pereiti prie turinio

CSS ir div, kažkas negerai

Smigis

Sukūrė Smigis
Programuotojų kampas

 Dalintis Sekėjai 1

Rekomenduojami pranešimai

Smigis

Smigis 18

Sukurta
Sukurta (redaguota)

labas :) yra tokia beda su lygiavimu. Noriu padaryti 3 div, left center right.

 

left nustatytas 300px, float: left

right nustatytas 260px, float: right

center turi buti visas likes ilgis

 

<body>

<div id="left">left</div>

<div id="right">right</div>

<div id="center">center</div>

<div style="clear:both">left</div>

</body>

 

Viskas butu kaip ir gerai, tik center div eina kiaurai right div. Gal bus minčiu kaip ištaisyt šita klaida?

 

http://s1.postimg.org/54chxa7a7/Untitled.png

Redagavo Smigis
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Paul89

Paul89 52

Atrašyta
Atrašyta (redaguota)

<div style="width:1000px;margin:0 auto;">

<div id="left" style="float:left;width:300px;">left</div>

<div id="center" style="float:left;width:440px;">center</div>

<div id="right" style="float:right;width:260px;">right</div>

<div style="clear:both">left</div>

</body>

Redagavo Paul89
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Smigis

Smigis 18

Atrašyta
  • Autorius
Atrašyta

containeri sukurk

 

niekas nepasikeičia

 

<div style="width:1000px;margin:0 auto;">

<div id="left" style="float:left;width:300px;">left</div>

<div id="center" style="float:left;width:440px;">center</div>

<div id="right" style="float:right;width:260px;">right</div>

<div style="clear:both">left</div>

</body>

 

Esme tame, kad aš išnaudoju visą ekrano ilgį, kuris keičiasi nuo ekrano dydzio tai 1000px negaliu apriboti.

Reikia padaryti, kad left butu kairej ekrano pusej, right, dešinej, center dinamiškai keistusi nuo ekrano dydzio.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Zimex

Zimex 3

Atrašyta
Atrašyta (redaguota)

Nepastebėjau kad tau reikia 300px left ir right dabar pataisiau.

 

<!DOCTYPE html>
<html>
<head>
	<title>Page Title</title>
</head>
<style>
	#wrapper {
		display: table;
		width: 100%;
	}

	#wrapper .float {
		display: table-cell;
	}

	#wrapper #left {
		width: 300px;
		background-color: #f00;
	}
	#wrapper #center {
		background-color: #0f0;
	}
	#wrapper #right {
		width: 300px;
		background-color: #00f;
	}
</style>
<body>
	<div id="wrapper">
		<div id="left" class="float"> </div>
		<div id="center" class="float"> </div>
		<div id="right" class="float"> </div>
	</div>
</body>
</html>

Redagavo Zimex
Nuoroda į pranešimą
Dalintis kituose puslapiuose
Paul89

Paul89 52

Atrašyta
Atrašyta

niekas nepasikeičia

 

 

 

Esme tame, kad aš išnaudoju visą ekrano ilgį, kuris keičiasi nuo ekrano dydzio tai 1000px negaliu apriboti.

Reikia padaryti, kad left butu kairej ekrano pusej, right, dešinej, center dinamiškai keistusi nuo ekrano dydzio.

tai nuimk centro ploti, ir uzdek auto, ir 1000px su margin nuimk

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