Sent by Stuart Walsh on 8 April 2008 10:10
Jim Davis wrote:
> Hi again,
>
> Note:
> <ul id="mainNav">
> <li><a href="instrument.html">the instrument</a></li>
> <li><a href="composers.html">composers</a></li>
> <li><a href="music.html">music</a></li>
> <li><a href="gallery.html">gallery</a></li>
> <li><a href="#">links</a></li>
> <li><a href="#">contact</a></li>
>
> </ul>
> </div> *<<<<<<<THIS IS CLOSING #WRAPPER
>
> *Jim*
> *
Many thanks for your help. And thanks to others for their suggestions too.
But I still don't understand one particular thing, and I must be
fundamentally misunderstanding something! Surely the </div> you have
highlighted only closes the #mainNav div. Doesn't the overall #wrapper
need a closing </div> too? I've looked over my html many times. I have
an overall wrapper div and within that a number of divs and all have
their opening and closing tags.
I've tried removing the final </div> which I had assumed was the closing
</div> for the wrapper. Nothing happens - so I really must be doing
something wrong.
I've got:
<div id="wrapper">
<div id="header"></div>
<div id="content">........................
<div class="imagecaption"></div>
</div>..............................(closes content)
<ul id="mainNav"></div>
</div>..........(closes wrapper??)
The strange thing is, everything is centred and where it should be. So
the wrapper is working and holding things in place Only I can't put a
border around the #wrapper in FF. In Firefox a border around the
#wrapper just wraps around the #header.But the border does show up in IE?
Again, any explanations of this would be very welcome.
Stuart
> On Mon, Apr 7, 2008 at 3:21 PM, Stuart Walsh [EMAIL-REMOVED]
> [EMAIL-REMOVED]>> wrote:
>
> I must be making a clumsy, beginner's, mistake somewhere but I just
> can't figure out what is the problem.
>
> The CSS validates but isn't working as it should. Here is the page:
>
>
> http://www.tuningsinthirds.com/cytre/
>
> and the CSS:
>
> http://www.tuningsinthirds.com/cytre/new.css
>
> I can't get the wrapper div to wrap around everything - the header,
> mainNav, content and footer divs. The markup looks very basic but
> in FF
> the wrapper is only wrapping the header.
> But in IE it does wrap around the two floated divs, the 'content' and
> 'mainNav' but not the footer.
>
> (I've run the W3C html validator and there are indeed some errors
> - but
> I can't make sense of them)
>
>
>
> ------------------------------------------------------------------------
>
> No virus found in this incoming message.
> Checked by AVG.
> Version: 7.5.519 / Virus Database: 269.22.8/1363 - Release Date: 07/04/2008 08:56
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/