[drewpark88]

Hey Guys,

I am having issues with my website in ie7 and I am not sure why. I have attached two screenshots, one in ie7 ( hwich is messed up) and one in ie8 (which is working). My images aren't floating properly next to my text in ie7....I have even created two classes "alignleft" and "alignright" which utilize the float attribute and margins. Check out my screenshots that are attached.

Oh and here is sample css code I am using:

alignleft, img.alignleft {float:left; margin:0 10px 5px 0}

Any help will be greatly appreciated. Thank you.

- Drew

Attached image(s)

• 
• 

[jaydscape]

I'm not sure but that comma might have to be a ; .....Just guessing.

[Dormilich]

nope, comma is correct.

[Lemur]

Sometimes with IE you have to float the paragraph or text left as well (or right, either way) but it's a little quirk you're going to know and love fairly soon.

The other (and more likely possibility) is that it's overflowing the boundaries of the box you have set up for the content. It's a common mistake to forget that total width and height include the margins and paddings that you might put in.

An example: 500 px total width

You have an image that's 250 and text that's 250, no padding, theoretically this should work (though sometimes leaving 1-2 px off is a life saver)

You decide to add a 5px all around margin to all elements within, that would be 20px you need to account for, 10 on the image and 10 on the text, meaning that each could only be a max of 240px.

Try that out.