/ 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
CSS: Boks der fylder 100% med padding
Fra : Holger Danske


Dato : 20-02-04 17:33

Jeg vil gerne have en boks, der fylder browserens bredde og har en
indvendig margin på 10 pixels. Jeg har forsøgt mig med nedenstående, men
det resulterer i at boksen bliver 100% + 2 * 10 pixels bred, hvilket gør
at der forekommer en vertikal scrollbar. Dette er ikke ønskeligt.

Nogen som kan hjælpe mig?

CSS:

#mybox {
padding: 10px;
width: 100%;
}

HTML:

<div id="mybox">
<p>blah blah blah</p>
</div>

 
 
Knud Gert Ellentoft (20-02-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 20-02-04 18:12

Holger Danske <no@mail.thx> skrev :

>Jeg vil gerne have en boks, der fylder browserens bredde og har en
>indvendig margin på 10 pixels. Jeg har forsøgt mig med nedenstående, men
>det resulterer i at boksen bliver 100% + 2 * 10 pixels bred, hvilket gør
>at der forekommer en vertikal scrollbar. Dette er ikke ønskeligt.

En <div> i en <div> er måske en løsning.

<style type="text/css">
#mybox {width: 100%}
#box{ padding: 10px}
</style>

<div id="mybox">
<div id="box">
<p>blah blah blah</p>
</div>
</div>
--
Knud

Ryan Kristensen (20-02-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 20-02-04 18:22

On Fri, 20 Feb 2004 17:33:04 +0100, Holger Danske <no@mail.thx> wrote:

> Jeg vil gerne have en boks, der fylder browserens bredde og har en
> indvendig margin på 10 pixels. Jeg har forsøgt mig med nedenstående, men
> det resulterer i at boksen bliver 100% + 2 * 10 pixels bred, hvilket gør
> at der forekommer en vertikal scrollbar. Dette er ikke ønskeligt.

Du kan løse det på denne måde.

CSS:
#mycontainer {
padding:10px;
}

#mybox {
width: 100%;
}

HTML:
<div id="mycontainer">
<div id="mybox">
<p>blah blah blah</p>
</div>
</div>

--
Ryan Kristensen

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

Månedens bedste
Årets bedste
Sidste års bedste