CSS layout IE bug

  • Hi folks!

    Ok, so I’m pretty new to really getting my hands dirty with CSS. I can move and position stuff (usually), but am having trouble with this IE bug. Using the wp-framework theme, I’m attempting to tweak the layout a bit. This displays fine in FF, Chrome and Safari, but IE has been giving me fits. I took a screenshot of the issue and tossed it up at https://jeffersonmstovall.com/layout.png. Below is my CSS:

    .container { width: 700px; margin: 20px auto; }
.hfeed { width: 400px;
		float: left;
		border: 1px;
		border-style:solid;
		border-color: white;
		}
.aside { width: 150px;
		float: right;
		margin-top: 120px;
		border: 1px;
		border-style: solid;
		border-color: white;
		}
.footer { clear: both; text-align: right; border: 1px; border-style: solid; border-color: white;}

    Like I said, any help is appreciated, even a gentle shove in the right direction. I’ve done a good bit of research but don’t even know enough about IE bugs to know what to search for.

    Lastly, did I include all the info needed to diagnose the issue?

    Let me know if there’s anything else. Thanks so much!

    -Jeff

Viewing 4 replies - 1 through 4 (of 4 total)

  • my bet would be this: margin-top: 120px;, but to be absolutely sure I would have to need an url to the live site.

    Peter

    Thread Starter jmstovall2

    (@jmstovall2)

    Thanks, Peter. The URL is: https://jazz.jeffersonmstovall.com/.

    I did take out the margin-top selector, but it didn’t change anything. You’ll see I was using it to push the “Support Levels” down to the same line as “You are invited…”

    Appreciate the help!

    Think I found it:

    This element:

    <div class="intro-text">

    is not properly terminated

    </div?

    You should validate your xhtml.

    Peter

    Thread Starter jmstovall2

    (@jmstovall2)

    Yep, that got it out of there, thanks, Peter! Now I’ll play with repositioning it. And you’re right, I should’ve checked the validation before posting. Duly noted.

    Thanks much for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS layout IE bug’ is closed to new replies.

Tags