Jump to content

css spacing issue


Liquid Fire

Recommended Posts

here is a link:

 

http://www.kaizendigital.com/index2.php

 

This is a bit confusing to me because the site look like it should in IE but not in FF.  In FF there is a small space between the menu and image placeholder when there should not be.  it looks like a padding and/or margin issue but does see anything that would cause this.  it is not the image, anyone see what it might be?

Link to comment
https://forums.phpfreaks.com/topic/66636-css-spacing-issue/
Share on other sites

Before debugging how your code LOOKS, make sure you coded it right. If it doesn't work in FF but does in IE, always assume something is wrong either within your markup or your CSS.

 

In your case, it is clearly in your markup ... you didn't close your nested list items.

 

<ul id="main_menu" class="jd_menu jd_menu_slate">
<li><a href="#">Home</a></li>
<li><a href="#">Products</a>

	<ul>
                  <li><a href="#">Sigma Reactor</a></li>
                  <li><a href="#">Project Mayhem</a></li>
                </ul>	
        </li>
<li><a href="#">The Team</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Register</a></li>
</ul>

 

I didn't go beyond that as soon as I saw it, so I don't know if you have css issues as well.

 

Altogether, your markup has 12 total errors (most related to the non-closed list tags).

 

Use the w3c validation tool before debugging how your site LOOKS. Get the code right and it will save you hours of frustration:

Here is a link to your site's w3c validation:

 

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.kaizendigital.com%2Findex2.php

Link to comment
https://forums.phpfreaks.com/topic/66636-css-spacing-issue/#findComment-333879
Share on other sites

I am still racking my brain about this.  One thing to note that i have noticed is this if i have an error(like a php error or something) and then the spacing goes away. again this is only not an issue in ie but safari/ff/opera all have the same space which on leads me to think it is the css.

Link to comment
https://forums.phpfreaks.com/topic/66636-css-spacing-issue/#findComment-336177
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.