|
| 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
| |
|
|