Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
CSS fixes for IE
I’m working on a new project, MilkEnglish.com, and I’m running into problems. For about a year I’ve been living abroad, keeping busy with other things, and I’m feeling more than a little rusty at web-coding. So it is that I’m about ready to smack my head into a wall over this site. I hope someone here can offer some good advice.
For starters, please have a look at the site in Firefox, where all displays as it should.
Now, in IE I’m having the following problems:
1) The slogan graphic, “Moving, Imagining, Laughing Kids”, is displaying improperly or not at all, depending on the site page.
2) The menus in the right column, unordered list items, are displaying with large gaps between list items.
Any advice would be much appreciated. CSS seems to be one of those things that’s not quite like riding a bicycle …
Thanks!
theturninggate
Offline
Re: CSS fixes for IE
I just tried to relocate the code for the slogan image. It’s still displaying fine in Firefox, but I won’t have access to an IE equipped computer until the morning. I have my fingers crossed that it’s displaying properly in IE now, but I have no idea … So, if it looks fine, then I’ve fixed it! If not, then I’m still looking for advice!
Either way, I’d still like to get those list items fixed.
Thanks!
Offline
Re: CSS fixes for IE
Get your header (h1) up out of the right column.
It should appear before both the left and right columns. It’s being affected by the float (you compensated for it with a method that only works on more standards compliant browsers than IE).
This is where I would put it:
<code>
<div id=“wrapper”>
<div id=“logo”><h1><a href=”/”>MILKEnglish</a></h1></div>
<div id=“container”>
</code>
(Or maybe after container….depending on how you deal with things…..)
Offline
Re: CSS fixes for IE
I tried moving the header, but it didn’t solve the immediate problems. I’m leaving it where it is for now.
I have now managed to fix the slogan issue on my own, and it’s displaying in the proper location in both IE and Firefox.
The list items in the menu are still a problem in IE, however. Can someone please make some suggestion how to eliminate the space between menu items in the right column?
Thanks,
theturninggate
Last edited by theturninggate (2006-07-05 01:09:01)
Offline
#5 2006-07-05 03:19:08
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: CSS fixes for IE
This will sound strange but it seems to be a quirk of IE’s in some circumstances . . . try removing all the whitespace from between the list elements in your code.
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
Re: CSS fixes for IE
In an IE stylesheet, try something like:
<pre>
#menu li {
clear: both;
float: left;
}
</pre>
Offline
Pages: 1