<table> to <div>s

ravanelli

zdravim..
rad by som prerobil tabulku na divy..kvoli rychlejsiemu zobrazovaniu na stranke...mam dve bunky v riadku: MENU a CONTENT

Kód: Vybrať všetko

<table>
	<tr>
	  <td class="menu">	
            ....
	  </td>
	  <td class="content">
       ....
	  </td>
	</tr>
</table>

a rad by som spravil nieco taketo

Kód: Vybrať všetko

<div class="menu"> ... </div>
<div class="content"> ... </div>

aby to vyzeralo ako tabulka...teda aby boli tieto dva divy vedla seba lenze ono sa to da pod seba...skusal som v CSS nastavit

Kód: Vybrať všetko

 
.content { 
      position: relative;
      left: 30%;  //koniec menu
      top: -150px   //vyska menu
}

ale to neni dobre riesenie lebo akonahle zvacsim menu tak musim zmenit nastavenie a v kazom browseri to zobrazi inak...
skusal som menu aj content uzavriet do <span>ov ale to tiez nepomohlo a zobrazilo content pod menu
este ma napada nieco s nastavenim 'float' ale neviem presne ako to funguje
este v tomto nemam moc velke skusenosti...viete mi nieco poradit???

zupanok

mal by si navštíviť "www.jakpsatweb.cz"
top nie je výška ale pozícia horného okraja menu,
zadaj tim divom pozicovanie left, top, width, height, ak to nepôjde daj tomu position: absolute, s float ani ja nemám skúsenosti, ale nejaká možnosť by bola aj v tom

gwixt · Príspevok od používateľa **gwixt** » 14 dec 2006, 9:02

menu daj

Kód: Vybrať všetko

float:left; width:xxx

a stranku

Kód: Vybrať všetko

margin-left:zzz;
width: yyy;

kde zzz=xxx+aaa
kde aaa=0..(infinity)

ravanelli

zupanok napísal: ...
top nie je výška ale pozícia horného okraja menu ...

sak tak som to myslel ze ta hodnota top je vyska menu .(-1) samozejme...takze dalsi div, v tomto pripade content posuniem hore o -150px ..teda naspat o vysku menu..asi som sa zle vyjadril

gwixt napísal:menu daj
Kód: Vybrať všetko
float:left; width:xxx
a stranku
Kód: Vybrať všetko
margin-left:zzz;
width: yyy; 
kde zzz=xxx+aaa
kde aaa=0..(infinity)

diky moc..uz mi to zobrazuje jak som si to predstavoval