RSS
Register
Contact
This is a discussion on "Bit of a gap in IE but not FF!" within the Web Page Design section. This forum, and the thread "Bit of a gap in IE but not FF! are both part of the Design Your Website category.
|
|
|
|
|
 |
||
Bit of a gap in IE but not FF!
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
|
#1
Mar 18th, 2008, 21:13
|
|||
|
|||
|
Bit of a gap in IE but not FF!
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.
       
|
|
#2
Mar 20th, 2008, 02:17
|
||||
|
||||
|
Re: Bit of a gap in IE but not FF!
IE'S box model is messed up. make sure to clear floats. See Ryan Fait's 'clearing with Css'.
__________________
Diego - Web-Developer & London SEO Expert jQuery Plugins: Multiple File Upload, Star Rating, FCKEditor | NEW: XML to JSON
Last Blog Entry: Random String in Javascript (Apr 21st, 2008)
|
|
#3
Mar 20th, 2008, 09:12
|
|||
|
|||
|
Re: Bit of a gap in IE but not FF!
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?
|
|
#4
Mar 20th, 2008, 12:11
|
||||
|
||||
|
Re: Bit of a gap in IE but not FF!
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?
__________________
Diego - Web-Developer & London SEO Expert jQuery Plugins: Multiple File Upload, Star Rating, FCKEditor | NEW: XML to JSON
Last Blog Entry: Random String in Javascript (Apr 21st, 2008)
|
|
#5
Mar 20th, 2008, 12:21
|
|||
|
|||
|
Re: Bit of a gap in IE but not FF!
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
|
|
#6
Mar 20th, 2008, 17:55
|
||||
|
||||
|
Re: Bit of a gap in IE but not FF!
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...
__________________
Diego - Web-Developer & London SEO Expert jQuery Plugins: Multiple File Upload, Star Rating, FCKEditor | NEW: XML to JSON
Last Blog Entry: Random String in Javascript (Apr 21st, 2008)
|
|
#7
Mar 20th, 2008, 18:28
|
|||
|
|||
|
Re: Bit of a gap in IE but not FF!
Sadly that just made the nav disappear from view! Haven't uploaded because the site needs to work still.
|
|
#8
Mar 20th, 2008, 18:50
|
|||
|
|||
|
Re: Bit of a gap in IE but not FF!
Try adding height:25px; to your search div
Pat
|
|
#9
Mar 20th, 2008, 19:26
|
|||
|
|||
|
Re: Bit of a gap in IE but not FF!
Sorted. But why did that work?
FF didn't need it, so does IE 7.0 make up its own height?
|
|
#10
Mar 20th, 2008, 19:47
|
|||
|
|||
|
Re: Bit of a gap in IE but not FF!
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
|
|
| Thread Tools | |
|
|
