Menu not rendering correctly in I.E

maxz · #1 Jun 11th, 2007, 15:45

I am currently designing a website for my school project, but have come across several problems, the biggest of these is that in Internet Explorer my Menu won't render properly, only half of it appears, see attached image for the comparrison between Internet Explorer and Firefox.

Internet Explorer Render

Fire Fox render

I am using this CSS code in an external CSS File;

Code: Select all

#Menu {
        width: 650px;
        float:left;
        margin-left:-10px;
        
        }

    #Menu li {
        display:block;
        float: left;
        background-image: url(Images/Menu.jpg);
        width:90px;
        height:auto;
        margin-left: 3px;
        font-family: arial, "lucdia console", sans-serif;
        text-align: center;
        border: 1px solid #ccc;
        }

    #Menu ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        }

and this HTML in my Actual page;

Code: Select all

<div id="contentmenu">
<br>
<img src="Images/dividerbanner(1).gif" alt="Divider">
</div>
<div id="menu">
<ul>
<li>
<a href="Index.html" target="_blank">Home</a>
</li>
<li>
<a href="Galleries.html" target="_blank">Galleries</a>
</li>
<li>
<a href="Store.html" target="_blank">Store</a>
</li>
<li>
<a href="About.html" target="_blank">About us</a>
</li>
<li>
<a href="Help.html" target="_blank">Help</a>
</li>
<li>
<a href="#" target="_blank">Boswells</a>
</li>
</ul>
</div>

Any help would be much appreciated,
Thanks

karinne · #2 Jun 11th, 2007, 15:55

Removed height: auto; and put the actual height of the image.

maxz · #3 Jun 11th, 2007, 16:03

Quote:

Originally Posted by karinne

Removed height: auto; and put the actual height of the image.

Thanks for the quick reply, I have done as you suggested, however this does not seem to recitfy the problem, it merely makes the boxs larger below the original but doesn't show the top half of the buttons, as you can see in the link below

Menu Screenshot

karinne · #4 Jun 11th, 2007, 16:06

Pleas provide the link then....

maxz · #5 Jun 11th, 2007, 16:10

oops, sorry about that,completely forgot about it.

LINK to pictures is here

Sorry about this, I have managed to rectifiy all my problems but this one, but once again thanks for all the help.

karinne · #6 Jun 11th, 2007, 16:11

I don't want a link to your pictures ... I want a link to your site so I can check the code myself. Picture do little for coding errors.

maxz · #7 Jun 11th, 2007, 16:17

Oh sorry, misunderstood you there,

Currently the Website isn't hosted anywhere, however if you can suggest a quick and free place to host the site as it is only small amount of images and coding at the moment, or I can include the codes as attchments if that would be easier I guess.

Thanks

karinne · #8 Jun 11th, 2007, 16:18

Next time PLEASE READ: How and When to post your question!

A decent free host I guess would be freewebs.com

maxz · #9 Jun 11th, 2007, 16:47

Sorry about that, and the wait, I had to find a Webhost that i could actually work, please find the link towards the website, if it doesn't load please note me I am terribly glad for your help.

HERE is the link - (view in Internet Explorer to see incorrect rendering) - Links to other pages don't currently work.

Thanks

maxz · #10 Jun 11th, 2007, 17:29

Sorry to double post, but just to clarify i have fixed the problem,

To achieve this I added a margin of 10px to the class #menu Li which appears to have moved the button images down so they are all visible, many thanks to anyone who took the time to look at my problem, and I'm sorry it was such a stupid one

Thanks to karinne esspeccially.

karinne · #11 Jun 11th, 2007, 17:32

hey there Max ... I was just about to check the site when I noticed you replied. Glad to see you've fixed!

Don't feel sorry! The only stupid questions are the ones you don't ask

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] IE6 is not rendering my columns correctly	Oak	Web Page Design	26	Jan 13th, 2008 22:12
something like rendering animation	w0wsabaw	Flash & Multimedia Forum	2	Jul 13th, 2007 00:45
FF-IE rendering problem	jomtones	Web Page Design	2	Jul 5th, 2007 06:55
font rendering	masonbarge	Graphics and 3D	1	May 16th, 2006 15:12
Problem with XML rendering	mipadi	Classic ASP	1	Aug 9th, 2005 10:54

		Webforumz.com > Main Forums > Design Your Website > Starting Out
Menu not rendering correctly in I.E