2 replies [Last post]
Ezekiel
Offline
newbie
Last seen: 16 years 38 weeks ago
Joined: 2004-02-05
Posts: 3
Points: 0

I am (for the very first time) laying out a page using css instead of tables. And ive run into a few difficulties.

In the middle box there is an iframe: style="height: 100%; width: 850;"

I need to get the boxes equally spaced from each other, with the centre of the middle box properly aligned to the centre of the page.

http://eze.lchost.co.uk/newsite/maintest.php

Heres my css:

/* site layout */

#top {
	margin: 20px 20px 0px 20px;
	padding: 10px;
	/*border: 5px solid #737373;*/
	height: 100px;
}
#left {
	position: absolute;
	top: 140px;
	left: 10px;
	margin: 20px;
	padding: 10px;
	border: 2px solid #737373;
	width: 11%;
}
#middle {
	position: absolute;
	height: 800px;
	top: 140px;
	right: 220px; /* Opera5.02 will show a space 
	at right when there is no auto bar */
	margin: 20px;
	padding: 10px;
	/*border: 1px solid #737373;*/
	width: 69%;
	overflow: auto;
}
#right {
	position: absolute;
	top: 140px;
	right: 10px; /* Opera5.02 will show a space 
	at right when there is no auto bar */
	margin: 20px;
	padding: 10px;
	border: 2px solid #737373;
	width: 11%;
}

Any and all help is greatly appreciated Smile

Ezekiel
Offline
newbie
Last seen: 16 years 38 weeks ago
Joined: 2004-02-05
Posts: 3
Points: 0

Getting Layout Perfect

no one? really??

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 51 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Getting Layout Perfect

Really.

Probably because it isn't obvious what you are tring to do. And you really ought to take the w**ker word off the site too.

Given that the iframe is so wide, it has to overflow. And they can only overflow right and down. iframes are an IE only thing, so support for them in other browsers isn't there.

This site show how to make fluid columns css work:

http://www.pmob.co.uk/temp/3colfluidtest_4.htm

Trevor