a small bug in IE

geyids · #1 Jan 17th, 2008, 17:05

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 · #2 Jan 17th, 2008, 18:44

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 · #3 Jan 17th, 2008, 19:17

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

Aso · #4 Jan 17th, 2008, 19:56

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 · #5 Jan 18th, 2008, 06:18

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 · #6 Jan 18th, 2008, 11:04

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 · #7 Jan 19th, 2008, 19:32

whats the difference between CLASS and ID?

Jack Franklin · #8 Jan 19th, 2008, 19:36

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

alexgeek · #9 Jan 20th, 2008, 00:49

Quote:

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.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Small php table	Oak	PHP Forum	32	Mar 7th, 2008 09:03
small css problem	yoda	Web Page Design	1	Mar 22nd, 2007 17:40
Big Design Small Problems	freethinker33	Web Page Design	2	Mar 20th, 2007 10:32
Need small help with pagination	ofi	PHP Forum	0	Feb 7th, 2007 11:44

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
a small bug in IE