PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1
table vs div
Postitaja: suva+ 2010-07-28 16:36:57
tere!

see on küll vast juba vana jutt, aga ehk keegi viitsib selle palavaga veic kaasa mõelda

mul on lehekülg, mis koosnev kahest osast (vasak ja parem)
kasutatav lehe laius on 100%
parem osa on fikseeritud laiusega 240px
vasak osa vastavalt akna suurusele varieerub

püüdsin seni seda div elementidega lahendada, aga tulemus ei ole päris rahuldav

div#vasak {
float: left;
}

div#parem {
float:right;
width: 240px;
}

<div>
<div id="vasak"></div>
<div id="parem"></div>
</div>

# lehe kokku surudes kaob parem div vasaku alla (paremas on mul menüü, soovin seda igal juhul omal kohal näidata)

nüüd tegin htmls väikse muudatuse:

<div>
<div id="parem"></div>
<div id="vasak"></div>
</div>

parem menüü on kenasti alati paigas, aga vasak osa - sisu jookseb nüüd menüü sisse (õigemini ümber)

oskab keegi ehk minfit css/html trikki juhendada?
ps! MSIE compatiblity pole tähtis (see on default blokitud)


tulles tagasi vanakooli disaini juurde, siis:

table#koguleht {
width:100%;
}

td#parem {
width: 240px;
}

<table id="koguleht">
<tr>
<td id="vasak"></td>
<td id="parem"></td>
</tr>
</table>

... siis see annab soovitud tulemuse, aga ehk on mõni "õigem" lahendus?

tänud, kes miskit sisukat viitsivad siia lisada!
RE: table vs div
Postitaja: dsfsdfsd 2010-07-28 16:51:05
pane nii vasakule kui paremale div-ile float:left ja asi korras.
RE: table vs div
Postitaja: Tark 2010-07-29 10:04:09
Kõigepealt teed divi, mis on 100% lai ja selle sisse omakorda kaks divi - parem ja vasak. mõlemad floadid, ja fixed sizele annad laiuse pikslites ette.

Leheküljed: 1

©2002-2010 Martin Rebane & PHP.ee kaasautorid
  0.497601032257