IE Layout error

[tailchaser]

Hey all
Im pretty new to this and having an issue...

My site works fine in every browser we had tried but Internet Explorer.

The header bar with the categories maintains one line and runs off the page, as opposed to making two lines.

Any ideas?

Thanks in advance

The site is www.tailchaserlures.com

[clueless_in_berlin]

I see that you have not found a solution to this problem yet. I have the same problem. Is anyone out there able to help? Please?

I am guessing it has to do with the CSS, but I don´t even know enough to fix it. With firebug I find the following in the CSS for the categories in the header:

#navCatTabs ul {
line-height:1.5em;
list-style-type:none;
margin:0;
padding:0.5em 0;
text-align:center;
}

Maybe someone can help us...

[Get Em Fast]

tailchaser, it appears that you have a "nowrap" where there should be a "wrap". In your stylesheet, look for this code:

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    white-space: nowrap;
}

and take the #navCatTabs ul li out of that block, putting it by itself making both blocks look like:

#navMain ul li, #navSupp ul li {
    display: inline;
    white-space: nowrap;
}

and:

#navCatTabs ul li {
    display: inline;
    white-space: wrap;
}

OR..........you could just take the white-space: nowrap out, as it shouldn't be needed anyway, making that block of code look like:

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
}

Hope this helps.


Oh, by the way.........while I was looking at your stylesheet, I noticed SEVERAL 'slashes' that need to be taken out. For one example, you've got:

#productDetailsList, #productDetailsList li {
list-style-type:/;
margin-left:/;
padding-left:/;
}

for which if none of that is needed you really should take those out.

Another example is:

#whatsNew img {
border: /;
}

Having those slashes in there creates a parse error in your css.

[Get Em Fast]

clueless, we can't help without a url to your site, so we can see what your exact problem is.

[clueless_in_berlin]

Hi Get Em Fast,

Thanks for the quick answer. Here is the url: http://www.berlinbeads.de/laden/index.php?main_page=
I have set Configuration --> Layout Settings --> Categories-Tabs Menu ON/OFF to OFF. In IE the Categories run off the side of the page whereas in Firefox the categories wrap and center themselves. The IE interpretation is the problem.

[stevesh]

Try removing the red part:

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
white-space: nowrap; }

[Get Em Fast]

@clueless. Sorry for not getting back last night. Got tied up on a few other things.

@stevesh. Thanks for taking up the slack in my lack...........of presence, that is. :)