ugrás a tartalomhoz

Kétoszlopos táblázatos oldal helyett div

Anonymous · 2005. Okt. 21. (P), 12.30
Szervusztok!

A problémám a következő: egy weblapon két tábla található (table-ban két td) melyek egymás mellett vannak. A baloldali szélessége fix, míg a jobb oldalié mindíg kitölti a számára fennmaradó helyet (100%). Namármost ezt megpróbáltam átírni div-ekre, de nem sikerült, ugyanis a jobboldali div-et nem tudom rábírni, hogy kitöltse a fennmaradó helyet. Ha beírom, hogy legyen 100%, akkor a bal tábla alá ugrik és széltében kitölti az egész oldalt.
Hiába néztem körül, nem találtam semmi infót erről. Remélem van megoldás.
Előre is köszönet!

Üdv.:
Jakab
‹ onError nem működik Firefoxban? Hogyan készítsek oldalt vakok és gyengénlátók számára? ›
 ■
1

<Nincs cím>

Anonymous · 2005. Okt. 21. (P), 13.28
Valami ilyesmi, de biztos vannak akik jobban értenek hozzá. FF-on póbáltam
<html>
<head>
  <style type="text/css">
    div {
      border: 1px solid #000000
    }
    div.fix {
      float: left;
      width: 30px;
    }             
  </style>
</head>
<body>
<div class="fix">bal</div><div>jobb</div>
</body>
</html>
2

<Nincs cím>

Anonymous · 2005. Okt. 21. (P), 15.15
Köszönöm. Tudtam, hogy valami pofon egyszerű dolog az egész.
Most küzdök tovább, hogy IE-ben is úgy jelenjen meg, mint Firefox-ban.
3

egyszerű

janoszen · 2005. Okt. 21. (P), 19.33
Üdv!

Az én megoldásom az lenne, hogy felveszel 3 div-et, azaz 1 container div-et és 2-őt benne. A container legyen 100% és position:relative, a bal oldali div legyen width:XYZpx;float:left; a jobb oldali margin-left:100px;
4

<Nincs cím>

noocx · 2005. Okt. 21. (P), 20.06
De miert ? Az igenyeit igy is kielegiti nem ?(egy fix szeles div, es egy ami kitolti a teret)

Ugy ertem adott helyzetekben csak problemat jelenthet a relative pozicionalas es az a margin is, mig lehet hogy mas helyzetekben segithet dolgokon, de ez mar tul problema specifikus szerintem.
5

abszolót pozicionálás

Jano · 2005. Okt. 21. (P), 21.48
Ha az oszlopok alatt nincs más tartalom akkor a float helyett abszolút pozicionálást javasolok mert az IE-ben van egy bug amit úgy neveznek 3px bug mert a floatolt elem mellé kerülő nem floatolt elem tartalmát eltolja 3px-lel.

Tehát:
#menu {
 width:300px;
 postion:absolute;
}

#tartalom {
 margin-left:300px;
}
Ebben az esetben nem működik a "faux column" féle oszlopoknak hátteret adó megoldás, csak a bodynak tudsz ilyesféle háttért adni. Ha mutatsz design tervet lehet tudunk pontosabb megoldást adni.