another IE versus Firefox problem

Forum Moderators: not2easy

Message Too Old, No Replies

another IE versus Firefox problem

Feldon

1:37 pm on Jul 25, 2005 (gmt 0)

In IE, the footer starts 11 to 12 ems to the left. In Firefox its fine. Any idea how to fix this for IE? Thanks for any help.

[edited by: jatar_k at 3:57 pm (utc) on July 25, 2005]
[edit reason] no urls thanks [/edit]

4css

2:20 pm on Jul 25, 2005 (gmt 0)

Hi Feldon,
First, you are going to need to remove your link and post some of your code according to the Charter [webmasterworld.com] for the css forum.

I'm not too sure, but I think using the clearfix [positioniseverything.net] method of clearing might work on this. I looked at several IE bugs for your page, but am not sure which one it could be. You can look through This [google.com] webmaster world google search to see what matches what you have. There are a lot of interesting threads that you can read.

Hope this helps.

Feldon

5:30 pm on Jul 25, 2005 (gmt 0)

Woops, sorry. Most of the forums I've been in have been the opposite, post links not code, heh.

The CSS:


<style type="text/css">
 * { margin:0em; padding:0em; }
 body { width:100%; background-color:white; font-family:helvetica, arial, sans-serif; font-size:100.01%; }
 #leftnav { float:left; width:11em; background-color:#CCCC99; padding:0.5em; }
 #content { background-color:white; padding:0.5em; border-left-color:#CCCC99; border-left-style:solid; border-left-width:12em; }
 #footer { clear:both; background-color:#649CB7; }
</style>

The html:


<body>
<div>
 <div id="leftnav">
 <p>Leftnav</p>
 <p>Leftnav</p>
 <p>Leftnav</p>
 <p>Leftnav</p>
 <p>Leftnav</p>
 </div>
 <div id="content">
 <p>Content</p>
 <p>Content</p>
 <p>Content</p>
 <p>Content</p>
 <p>Content</p>
 <p>Content</p>
 <p>Content</p>
 <p>Content</p>
 </div>
</div>
<div id="footer">
 <p>Looking around for my text now. Its around here somewhere. Ahhh, there it is!</p>
</div>
</body>

[edited by: Feldon at 5:32 pm (utc) on July 25, 2005]

Feldon

6:22 pm on Jul 25, 2005 (gmt 0)

Well, I found the solution. It was the IE creeping text bug. It was simply that I had a left border and bottom padding applied to the 'content' div which caused the problem in footer.

PS thanks for deleting the duplicate post.