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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
To bokse side om side
Fra : Falcon


Dato : 05-03-04 21:05

Hvordan får jeg to bokse til at ligge side om side
Eks.: Jeg har en boks med bredden 20% og vil have en anden boks
til at ligge ved siden af med en bredde på 80%

CSS filen:
#MENU {
color: #FFFFFF;
   background:#336699;
   width: 20%;         
   height: 70%;
}

#MAIN {
   background:#003366;
   width: 80%;         
   height: 70%;
}


HTML filen

<div id="MENU">
Menu
</div>

<div id="MAIN">
Main
</div>

-/ Falcon

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
John (05-03-2004)
Kommentar
Fra : John


Dato : 05-03-04 21:28

Falcon <hp@popx-fjernes-.dk> skrev bla:
> Hvordan får jeg to bokse til at ligge side om side
> Eks.: Jeg har en boks med bredden 20% og vil have en anden boks
> til at ligge ved siden af med en bredde på 80%


http://www.thenoodleincident.com/tutorials/box_lesson/basic2_fixed.html

Leg lidt med den (filen)
--
Mvh. John
www.jp-web.dk
www.johns-web.dk



Per Rasmussen (05-03-2004)
Kommentar
Fra : Per Rasmussen


Dato : 05-03-04 22:13

Falcon wrote in dk.edb.internet.webdesign.html:
> Hvordan får jeg to bokse til at ligge side om side
> Eks.: Jeg har en boks med bredden 20% og vil have en anden boks
> til at ligge ved siden af med en bredde på 80%
>
>
> -/ Falcon
>

Hej

Nøjes med at lave den samlede sidebredde på knapt 100 procent, da
det ellers godt kan give problemer i nogle browsere, og som jeg
selv lærte forleden (se en tidligere tråd) så tager margen og
padding også plads i bredden.

PerR

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Villum Sejersen (06-03-2004)
Kommentar
Fra : Villum Sejersen


Dato : 06-03-04 07:03

Per Rasmussen skrev:
> Falcon wrote in dk.edb.internet.webdesign.html:

>>Hvordan får jeg to bokse til at ligge side om side
>>Eks.: Jeg har en boks med bredden 20% og vil have en anden boks
>>til at ligge ved siden af med en bredde på 80%


> Hej
>
> Nøjes med at lave den samlede sidebredde på knapt 100 procent, da
> det ellers godt kan give problemer i nogle browsere, og som jeg
> selv lærte forleden (se en tidligere tråd) så tager margen og
> padding også plads i bredden.
>
> PerR
>

Det er også min erfaring. På nogle af W3Cs egne sider starter
stylesheetet med at give både <html> og <body> margin: 0 og padding: 0.

Sidst jeg hyggede mig med det problem, endte jeg efter mange
eksperimenter med at give mine spalter disse egenskaber (xhtml 1.0 strict):

..spalte20 { position: absolute; top: 0; left: 0; width: 20%; float:
left; overflow: auto }
..spalte80 { position: absolute; top: 0; right: 0; width: 80%; float:
left; clear: right; overflow: auto }



--
med venlig hilsen Villum Sejersen
http://home20.inet.tele.dk/vsevisit/

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste