Re: [WSG] CSS Block Element Probs...

[Chris Stratford]

Ahhh great thanks russ... What I will do is, remove the XML bit... then change the css, and see how it looks then! :) Thanks a lot! - Chris Stratford russ - maxdesign wrote: Chris, >From a quick look, you seem have two problems - the box model issue and a border issue: 1. IE misinterprets the box model so your "navigation" div appears thinner in this browser compared to other browsers. http://css.maxdesign.com.au/listamatic/about-boxmodel.htm There are many ways to fix this as has been discussed on the list. One method to fix this in IE6 is to remove the xml prolog (which is apparently the incorrect term now) so that this browser operates in standards compliance mode, and correctly renders the box model. 2. Borders and background colours will always flow under a floated item - even if text does not. " While content will wrap around a floated element, border, background image and background color will extend underneath." http://css.maxdesign.com.au/floatutorial/introduction.htm To solve this you could put a background colour on the navigation div or set the content with a margin so that it does not flow under the nav at all. Something like: div#content { padding: 10px; margin-right: 160px; /* new rule here */ } HTH Russ Hey Everyone, www.neester.com <http://www.neester.com> is what I am working on. I just made a new stylesheet for the site. I just need some help with the DIVs... Its a big issue at the moment. I have right floated Navigation... the Content, is just a DIV which is by default a BLOCK element, and therefore uses all teh size it has avalible. Now... TEXT Wraps fine around the right nav... But Borders and <hr>'s etc... are a different story... I cant seem to find a nice width to set the content div at... Because it seems Mozilla has made the navigation panel a lot wider than IE... at the moment it wasnt an issue, until I wanted to have the panel there... I think I am rambling on now... well... ANY help is GREATLY appreciated! LINK: http://www.neester.com STYLESHEET: http://www.neester.com/styles/ocean/ocean.css The Australian Museum. Australia's first - and leading - natural sciences and anthropology museum. Visit www.amonline.net.au The views in this email are those of the user and do not necessarily reflect the views of the Australian Museum. The information contained in this email message and any accompanying files is or may be confidential and is for the intended recipient only. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this email or any attached files is unauthorised. If you are not the intended recipient, please delete it and notify the sender.The Australian Museum does not guarantee the accuracy of any information contained in this e-mail or attached files. As Internet communications are not secure, the Australian Museum does not accept legal responsibility for the contents of this message or attached files.