Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Old 03-13-2008, 11:00 PM Layout help!
Junior Talker

Posts: 1
Trades: 0
Hi all, I recently began putting together a website and when testing in Firefox and IE 7.0 i notice a slight difference.

Here is the site I am working on:
http://sandiego.calipartybus.com

If you view it in IE 7.0, you will notice there is a space between the menu bar and the content below it. However, in Firefox there is not.

I know this isn't the prettiest coded site, but it's what I know.

If anyone has any suggestions on how to fix the IE layout problem it would be much appreciated.

Thanks in advance!
go78media is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 03-14-2008, 01:27 AM Re: Layout help!
RadGH's Avatar
Skilled Talker

Posts: 76
Name: Radley
Trades: 0
Heres a clear example of where its coming from:



Try removing the selected button completely and see if it still has a gap, if not, its caused by your selected button (the one above)

Edit: Nevermind, thats not even a selected button. Just an IE bug apparently...

I found a way to make that one line up, still searching to get rid of the lines. I haven't gone over all the CSS (and don't really plan to...) but this does fix it.

Add the ID "fix" to the TR that contains the navigation menu items, then do this:

HTML Code:
 <style type="text/css">
#fix td a {float: left;}
</style>
That will make the space only 1pixel high, but its not fixed completely.

Last edited by RadGH; 03-14-2008 at 02:05 AM..
RadGH is offline
Reply With Quote
View Public Profile
 
Old 03-14-2008, 09:26 AM Re: Layout help!
olliebollie's Avatar
Novice Talker

Posts: 10
Name: Oldřich Vetešník
Location: Hradec Králové, Czech Republic
Trades: 0
Try validating your html, you have a lot of errors in there. If it doesn't work, try floating the image in your navigation: "#navigation a img { float: left; }"
This could be some sort of ie image margin bug.
__________________
<p style="voice-family: female;">I'm a big man!</p>
olliebollie is offline
Reply With Quote
View Public Profile Visit olliebollie's homepage!
 
Old 03-14-2008, 02:38 PM Re: Layout help!
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
There is no IE image margin bug.... and IE7 has beaten most of it's predecessor's bugs.

I suspect it has more to do with those hideous tables. However, make sure you zero out margins AND padding on the img tag.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Layout help!
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.60032 seconds with 12 queries