I'm making a website for a client and I just found out that on internet explorer for windows, the right column is pushed down below the left column. It does not do this in mozilla or safari, and I can't figure out why it's doing this. If somebody could *please* help, that would be great.
I currently have the site temporarily uploaded at http://homepage.mac.com/maxigumee/hostel .
Columns don't work in internet explorer
Hi
You're in luck. The design you have tried to do is one of the most difficult to do in css, so I've gathered together all the best code I could find, made some more of my own, then turned it into a mega php script to make the css for you.
The code it makes is VERY x-browser friendly
[edit: new address]
http://209.216.241.33/ctindex.php (please read the notes, and espcially check out the tooltips on each form item so you know what each bit does.
You should be able to recreate your basic page design in minutes, but so it works. From what I can see, it should be easy 'ish. BTW, DO NOT use dashed or dotted borders, coz IE messes these up when scrolling (don't believe me? View your page in IE and use the scroll wheel on your mouse and watch the dots and dashes go silly) The only fix for this bug is a java hack to redraw the whole page as it scrolls, ouch!
The tool is updated with new options quite frequently.
Trevor
Columns don't work in internet explorer
Or just make your center div narrower by a couple of pixels and it will jump into place.
The vertical dots/dashes problem can be overcome by using a background image instead. A single dash and space at the left hand edge with repeat-y.
Columns don't work in internet explorer
I think I may have tried the shrinking the amount of pixels thing, but perhaps I need to shrink them a bit more. I'll try the pixel shrinking one first, because it seems like the easiest.