Bit of a gap in IE but not FF!

[andym01480]

www.newfrontiereastofengland.com looks great in FF but not so good in IE - the problem is the search div - but I can't find what I have done wrong.

[spinal007]

IE'S box model is messed up. make sure to clear floats. See Ryan Fait's 'clearing with Css'.

[andym01480]

That was hard to find, but I did find an article by him at http://ryanfait.com/articles/breakin...without-hacks/


I've tried
#clear{
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}

Hasn't worked though! Could you take another peek please?

[spinal007]

I hadn't looked last night. I was in the pub, on my mobile... which is why i was so brief.
Now that I tried to look, www.newfrontiereastofengland.com is giving me a 404 error.
Are you sure you spelt it correctly?

[andym01480]

Wow - answering forum questions in the pub. Not sure whether that is cool (because you have the technology to do it) or the conversation there was boring!!!

I can't believe I had a typo in my url. Doh!

www.newfrontierseastofengland.com

Thanks

[spinal007]

Conversation was boring...
- In your CSS, instead of "#clear{" use ".clear{"
- Instead of <div id="nav"> use <div id="nav" class="clear">
- Ditch all the <div id="clear">
Basically, for each horizontal line in your layout, make sure they have class="clear".
Let me know if that works...

[andym01480]

Sadly that just made the nav disappear from view! Haven't uploaded because the site needs to work still.

[dab42pat]

Try adding height:25px; to your search div

Pat

[andym01480]

Sorted. But why did that work?
FF didn't need it, so does IE 7.0 make up its own height?

[dab42pat]

There might be a better solution than the one I have given you, If you check in ie6 you still have a 25px gap (it was 50px before) the height setting only seems to have fixed ie7.

Pat

[quartzy]

Try adding a width on your a links.