a small bug in IE

[geyids]

Hi forums
I have redone my site. In firefox, and opera looks fine but there is a bug above the menu in IE. I donno how to fix that coz when I fix it in IE it changes the look in Firefox and Opera. Please help. This is the site

[Aso]

This might sound a lame solution, but delete the line break between the <img> and menu <ul> elements. Like this:

Code: Select all

<img src="img/top.gif" alt="Site Weavers Web Designers" /><ul class="menu" id="menu">

Trust me

[geyids]

actually i dont have any there. its just like u say

[Aso]

When you view your site's source, there is definitely a line break. Even if doesn't show in your editor, make sure you delete any space between the two. Try adding a break, then deleting it again.

I downloaded your code and tried it out. The fix definitely works.

[geyids]

wow so funny that ie reads white space. i have removed it the gray line has disappeared now the menu is still protruding outwards

[Aso]

Is that with IE6?

Yeah, I noticed that too. Your layout is OK, but it could do with a little simplifying. Have a go at coding this:

Code: Select all

<div id="wrapper">
   <div id="header"><!-- header graphic --></div>
   <div id="menu"><!-- menu --></div>

   <div id="content"><!-- main content --></div>

   <div id="footer"><!-- footer --></div>
</div>

Then style accordingly:

Code: Select all

#wrapper {
   margin: 0 auto;
   width: /*whatever*/
   }
#menu {
   background:#fff url(img/side.gif) repeat-y 0 0;
   padding: 0 30px;
   }
#content {
   clear: both;
   background:#fff url(img/side.gif) repeat-y 0 0;
   padding: 0 40px;
}
#footer {
  /*style accordingly*/
}

You've also got a few unnecessary containers and classes in there at the moment.

[geyids]

whats the difference between CLASS and ID?

[Jack Franklin]

ID or Class? http://www.csstrickery.co.uk/2007/10/09/id-or-class/

[alexgeek]

Originally Posted by geyids

whats the difference between CLASS and ID?

Simply put:
An ID is unique, just for one element alone. A class can be applied to many elements.