/ 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
div og height: 100%
Fra : |-|enning


Dato : 06-04-06 15:42

Hvordan får man en div til, at trække sig hele vejen fra toppen, til
bunden af ens side?
Og ikke kun nøjes med at trække sig rundt om indholdet, og derved ikke
ned til bunden.


--
Mvh
- Henning Horn / www.ricaplaza.dk

 
 
Thomas gade (06-04-2006)
Kommentar
Fra : Thomas gade


Dato : 06-04-06 16:33

|-|enning wrote:
> Hvordan får man en div til, at trække sig hele vejen fra toppen, til
> bunden af ens side?
> Og ikke kun nøjes med at trække sig rundt om indholdet, og derved ikke
> ned til bunden.
>
>
Du sætter height til 100% på både din div og din body.

--
Mvh Thomas

Jørgen Farum Jensen (06-04-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 06-04-06 20:07

Thomas gade wrote:
> |-|enning wrote:
>
>> Hvordan får man en div til, at trække sig hele vejen fra toppen, til
>> bunden af ens side?
>> Og ikke kun nøjes med at trække sig rundt om indholdet, og derved ikke
>> ned til bunden.
>>
>>
> Du sætter height til 100% på både din div og din body.
>
Den går ikke, Granberg. Det er kun IE det
kan lave det trick. Du er nødt til at have to stylesheets:
<style type="text/css" media="screen">
#side {
position:absolute;
border:1px solid black;
width:80%;
margin:0 auto;
top:0;
bottom:0;
}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
body {height:100%;}
#side {height:100%;}
</style>
<![endif]-->

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Thomas gade (06-04-2006)
Kommentar
Fra : Thomas gade


Dato : 06-04-06 21:17

Jørgen Farum Jensen wrote:
> Thomas gade wrote:
>> |-|enning wrote:
>>
>>> Hvordan får man en div til, at trække sig hele vejen fra toppen, til
>>> bunden af ens side?
>>> Og ikke kun nøjes med at trække sig rundt om indholdet, og derved
>>> ikke ned til bunden.
>>>
>>>
>> Du sætter height til 100% på både din div og din body.
>>
> Den går ikke, Granberg. Det er kun IE det
> kan lave det trick. Du er nødt til at have to stylesheets:

Jeg glemte at der også skal height på HTML
Min ser sådan ud:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>

<style type="text/css">
body,html {height:100%; margin:0; padding:0;}
#abc{height:100%; width:770px; background:#000;}

</style>
</head>
<body>
<div id="abc">
</div>

</body>
</html>


Det rækker fint.

--
Mvh Thomas

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

Månedens bedste
Årets bedste
Sidste års bedste