1 reply [Last post]
Luhmann
Offline
newbie
Last seen: 16 years 3 weeks ago
Joined: 2003-06-28
Posts: 3
Points: 0

I can see that this issue has been much talked about in these fourms, but it seems as if every case is a little different. On my site I was able to get two columns to appear side by side with the following code. However, it doesn't seem to work well on Internet Explorer on the Mac. It is fine in Safari and Camino, but I haven't tried any Window based browsers. I would greatly appreciate any tips on making sure this works cross platform and cross browser. Right now the problem is that the right column pops up and down (below the bottom of the left column) depending on the width of the IE browser window.

 #content
{
	float: left;
	width: 55%;
	background: #FFF;
	margin-bottom: 20px;
	margin-top: 15px;
	padding-right: 10%;
	padding-left: 10%;
}

#links
{
	float: right;
	width: 25%;
	background: #e0e0b1;
	color: #CCC;
}

Thanks for any tips or suggestions!!!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 21 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Making my site work with IE - two columns

Hi Luhmann,
That part of your css looks fine.
In ie6 the right column is pushed down.

When I copy the source and stylesheet locally the page displays as it should.
Which means that something not available to me locally is causing the problem. That could be the frameset as I didn't bring that down.
I'm not sure why you are using frames for this site maybe to mask the address but if you can do without them it may be simpler to maintain.

As a side note you have some JavaScript syntax errors showing up as well.