Juan Manuel Lucero wrote:
> www.rescue1international.org/modelo.html
> I have div#container without width. I would like that to be 760 px
> wide, but when adding that value, everything messes up. I cannot
> make div#navigation or div#extra wider because it messes up too..
> div#footer has 760px and so it's being shown correctly.
>
> What am I doing wrong.?
Miscalculating the width of content with regard to containers.
You have an image that is 492px wide, inside a paragraph with 10px
side-margins. That paragraph needs at least 512px space, but it's inside
a 500px wide div#content.
The element in question, div#container, is only 700px wide in your
example, so there isn't enough space in that one either.
The good browsers will let content overflow its containers if there
isn't enough room for it, while IE6 will expand containers until there's
enough room for their content. Doesn't look good either way.
So, you should start by declaring something like...
div#container{width:760px;}
div#content{width:550px;}
...so those containers become wide enough, and line up the content as
you like from there. I haven't found any real problems in that page.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
