---

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>

---

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

---

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