Date: 01/02/06 (WebDesign)    Keywords: browser, css, web

so I think I've done a well enough job getting this website set up so it's table-free, w3c compliant, all-text browser, compliant, and so on, but there's one image that just screws the whole layout over when i put it in and i just CAN'T figure out why.

here's the layout without the image: link
here's the layout with the image: link

i'm not quite sure what is causing that one image to fudge up the whole layout. if it matters, the column on the left (with the magazine cover) is set to float and the right is the main part of that div (called container). you can view the css stuff here (link).

i am just unable to figure out what the heck is causing that one image to be so disasterous. if i try to give it more room, it doesn't care. if i try to make the margins smaller, it doesn't care. if i make the margins bigger, it doesn't care. i figured i can ask you guys since you might know what's wrong and that'll save me time cursing and randomly entering things to figure out what's what.

thanks in advance!

UPDATE: okay. that problem was fixed (link). now my big problem is bludgeoning IE to death so it works on those browsers. things are nearing perfection over in Safari and Firefox for OSX, but IE for OSX is giving me shit (like, the images aren't even showing up) and IE for windows has stuff being placed like the divs aren't sized properly.

ANOTHER UPDATE: since rotring had me reconsidering how i had the #left #right thing set up, a bit of testing made me realize i didn't even need the damn #right thing. so thanks for pointing out a float in a container in a container was a bit silly and a float in a container worked fine enough. :) i think things are looking a lot cleaner now in Firefox and Safari. turned out IE for OSX is just crap (as rotring mentioned) and shows things fine (sans things aligning properly... but it was mentioned in a previous post asking why that happend that IE stuff just hates following the same rules as everyone else). my only issue now is figuring out why it won't work right for IE for Windows.

Source: http://www.livejournal.com/community/webdesign/1035095.html