WordPress.org

1. aaffonso
   Member
   Posted 5 years ago #

   I've tried to search here in this forums but I couldn't find a solution. Something strange is going on my template and I just can't figure out what is happening.

   On Safari and Firefox it's all fine. But when I load it on IE a bizarre margin is showed between my leftbar and my content:

   http://www.mybadthoughts.com/ie1.jpg

   If I 'clear: left' the margin looks ok on IE, but the content is pushed down. The same happens on Safari and Firefox:

   http://www.mybadthoughts.com/ie2.jpg

   The validation is ok.

   My CSS:
   http://www.mybadthoughts.com/wp-content/themes/k2/style.css

   My Blog:
   http://www.mybadthoughts.com/

   Any CSS guru have an idea of what is going on?

2. Adam Brown
   Member
   Posted 5 years ago #

   Might be the same issue as this:
   http://wordpress.org/support/topic/120258?replies=3

3. aaffonso
   Member
   Posted 5 years ago #

   Thanks Adam, but I think the problem here is different. In my case, the content is pushed down only if I CLEAR LEFT, and I don't think it's really necessary to CLEAR LEFT here. I'm doing this just to fix the margin in IE.

   Anyway, all my pixels should fit in. I made this count again and again. I do try to find something in these 'IE pushed down' topics, but nothing seems to apply in my case.

4. aaffonso
   Member
   Posted 4 years ago #

   Any idea?

5. jabecker
   Member
   Posted 4 years ago #

   IE interprets the box model differently from other browsers. Check here for lots of info: http://www.positioniseverything.net/explorer.html

Topic Closed

This topic has been closed to new replies.