Previous Message
Next Message

Overlapping inner <DIV> that has Width: 100% (FF)

Sent by Ed Seehouse on 16 March 2006 14:02


> relating back to my proj about with <DIV>s I have another issue which seems to be Firefox 1.5
specific. If I have a container <DIV> and then an inner <DIV> with its width set to 100% it seems to
break out of the container <DIV> on the right-hand side.
>
> The styles for both the <DIV>'s are as follows...
>
> #container
> {
>     margin-right: auto;
>     margin-left: auto;
>     position: relative;
>     width: 750px;
>     text-align: left;
>     border: solid 1px #000000;
> }
>
> #header
> {
>     width: 100%;
>     height: 100px;
>     margin: 5px;
>     border: solid 1px #000000;
> }

You shouldn't need to supply a width to the contained <div>.  It is
supposed to extend to the full width of it's container automatically.



--
Ed Seedhouse
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: