Jak zrealizować takie ułożenie na stronie ? Opcje

[tomaszko]

Jak w temacie - ?
Podaje link do zobrazowanego problemu
http://republika.pl/kwabedz/problem.jpg

w HTMLu za pomoca ramek zrobiłem i działa,
ale jak to zrealizowac w php :roll2:

Kshyhoo - to tylko obrazek pogladowy (IMG:http://forum.php.pl/style_emoticons/default/rolleyes.gif) zobrazowanie problemu (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował tomaszko 5.02.2005, 18:08:37

[xarr]

Do tworzenia/rozmieszczenia elementow na www nie sa tabelki. Nie takie jest ich zastosowanie, a to ze sa wygodne i najlatwiej nimi operowac to inna bajka.

zrob to na divach przy pomocy pozycjonownia (css).
W head:

Kod

<style type="text/css">
body{text-align:center;}
#t{width:600px;height:100px;border:1px solid #000;}
#mt{position:relative;width:600px;height:30px;border:1px solid #000;}
#mt div#mt1{position:absolute;top:3px;left:5px;width:140px;height:20px;border:1px solid #000;}
#mt div#mt2{position:absolute;top:3px;left:153px;width:140px;height:20px;border:1px solid #000;}
#mt div#mt3{position:absolute;top:3px;right:153px;width:140px;height:20px;border:1px solid #000;}
#mt div#mt4{position:absolute;top:3px;right:5px;width:140px;height:20px;border:1px solid #000;}
#m{position:relative;width:600px;height:400px;border:1px solid #000;}
#m div#ml{position:absolute;left:0;width:180px;height:100%;border:1px solid #000;}
#m div#mr{position:absolute;left:185px;width:414px;height:100%;border:1px solid #000;}
#b{width:600px;height:20px;border:1px solid #000;}
</style>

W body:

Kod

<div id="t">gora</div>
<div id="mt">
  <div id="mt1">menu1</div>
  <div id="mt2">menu2</div>
  <div id="mt3">menu3</div>
  <div id="mt4">menu4</div>
</div>
<div id="m">
  <div id="ml">lewo</div>
  <div id="mr">prawo</div>
</div>
<div id="b">stopka</div>

Nie sprawdzalem tego, ale powinno sie dobrze wyswietlac i pod przegladarkami i pod IE (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)