/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
table -> div
Fra : usenet@kikobu.com


Dato : 25-01-05 13:53


Hej. Jeg bruger tabeller når det gør tingene lettere for mig. Men af
ren interesse, så vil jeg gerne høre hvorledes man kan lave flg.
konstruktion med div uden at hardcode position:

....
<body>

<p>Her er noget tekst...</p>

<table style="width:100%">
<tr>
<td valign="top">venstre kolonne</td>
<td valign="top" style="width:200px">højre kolonne, fast
bredde</td>
</tr>
</table>

</body>
....

Jeg har altså en kasse med 2 kolonner, deres top skal flugte og højre
kolonne er 200pixel bred. Forslag? Jeg har forsøgt en model med
absolut positionering, men den viste sig ikke at virke ens for alle
browsere.

Mvh.

Morten


 
 
Martin Hintzmann And~ (25-01-2005)
Kommentar
Fra : Martin Hintzmann And~


Dato : 25-01-05 14:04

usenet@kikobu.com wrote:
> Hej. Jeg bruger tabeller når det gør tingene lettere for mig. Men af
> ren interesse, så vil jeg gerne høre hvorledes man kan lave flg.
> konstruktion med div uden at hardcode position:
>

[ snip tabel ]

>
> Jeg har altså en kasse med 2 kolonner, deres top skal flugte og højre
> kolonne er 200pixel bred. Forslag? Jeg har forsøgt en model med
> absolut positionering, men den viste sig ikke at virke ens for alle
> browsere.
>

Du kan lave det med float således:

<style type="text/css">
#side {
   float:right;
   width:200px;
   background:#ddd;
}
#main {
   margin-right:200px;
   background:#eee;
}
</style>


<p>Her er noget tekst...</p>
<div id="page">
<div id="side">højre kolonne, fast bredde</div>
<div id="main">venstre kolonne</div>
</div>

Vær opmærksom på at #side kommer før #main

Håber det kan bruges

--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408925
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste