I want a two column thing made tablelessly. I already set up the code and it looks fine in Firefox, but it looks retarded in IE. It looks like this in Firefox.... | content | content | |----------|----------| But in internet explorer, it looks like.... | content |----------| |----------| content | dashes just represent empty space.
Could u be more specific on the coding because their must be some error in it which is hiding the text or some text alignment is incorrectly done. Please check with it..
I also would guess that that is the the issue. Try floating both of the <div>'s to the left. (If they are not already). Instead of one to the left and one to the right. Make sure that you also apply the correct width's to both of them. Finally, make sure that the total width of the two div's doesnt exceed the width of the main container. Just a guess withough seeing any code, Nicangeli
Doesn't matter whether you float both or only one or whatever. IE is famous for this. It's called "float drop" and it does it every excuse it has. Basically IE thinks there's isn't enough room for the two columns side-by side. You have a few choices: First, look at the width of the container. Then look at the total widths of the two columns (including margins and padding!). Is your total bigger than the containers? Reduce the width of something. Second, check for doubling margins. IE6 does this sometimes, doubles the margins on a float that's next to the edge of it's container... if this is so, display: inline on the floated element magically removes it. Third, check for 3-pixel-jog. Sometimes when there's a static box next to a float, IE adds 3px. Make something 3-pixels less wide or give a -3px margin on some side. Four, try just having the left column floated left, and the right one with no set height or width, just a left margin big enough to fit the float (if there's only plain text in the right column you might not even need the margin, but I'd do it in case there's some block like a header tag with a background colour or something... which can slide under the float unless you give a margin on the static div). So long as there's no set width on the right column you can keep Haslayout from triggering in IE (there are other triggers though so sometimes this doesn't work) which IE seems to need often to do its float-drop thing.
I like your guys detailed explanation better...but To put it simple....It's like trying to carry two ton of ferterlizer in a one ton truck...you need a truck big enough to handle the load or your load will fall out. In your case, you need a <div> container wide enough to handle everything you put inside it... or somethings going to fall out.
^ Nice one... it's just that sometimes IE calculates 2 tons of fertiliser when there's really just two half-ton batches in the 1 ton truck. So sometimes you calculate it all perfect, and the drop is still there... that's when it's bug-squishing time.