The "Freeola Customer Forum" forum, which includes Retro Game Reviews, has been archived and is now read-only. You cannot post here or create a new thread or review on this forum.
I'm finally making some kind of effort to make a complete website in CSS, but I can't quite do what I want. I've used CSS for fonts, forms, and backgrounds for years, and now it's finally time to start using it for layouts. I know how it works, it's more like I don't know the bit of code to make what I want, and I'd rather inspire debate than go looking for a quick fix on google.
Basically, I want to make the CSS equivalent of a table with 3 columns, that fills the height of the page like a table set at 100% would, and one of the columns is at 100% so it fills as much as it can before the other 2 columns can't squish up anymore. This is my effort thus far:
But that doesn't work quite right, and the results are completely different in IE and firefox. I tried making the positions 'abosolute', giving them a 'z-index' and correct top and left positions, but it still looks naff. Is there any way to do what I want? There should be, it's a basic requirement of a website to be able to do this.
Basically, I want to make the CSS equivalent of a table with 3 columns, that fills the height of the page like a table set at 100% would, and one of the columns is at 100% so it fills as much as it can before the other 2 columns can't squish up anymore. This is my effort thus far:
Left content
Middle content
Right content
But that doesn't work quite right, and the results are completely different in IE and firefox. I tried making the positions 'abosolute', giving them a 'z-index' and correct top and left positions, but it still looks naff. Is there any way to do what I want? There should be, it's a basic requirement of a website to be able to do this.
Page:
width:auto
That's what I'm missing out on I think. Cheers for the link Colin.
That's what I'm missing out on I think. Cheers for the link Colin.
[URL]http://bluerobot.com/web/layouts/layout3.html[/URL]
That's exactly what I want to do.
That's exactly what I want to do.
The design is on my other PC, but it's a main section that spans as much as it can (ie: not a fixed-width, I don't want that), a 1px wide column that acts as a break, and a 230 pixel wide column for the menu. With tables you can set a cell at 100% and it'll fill as much as it can before content in other cells stops it running over the visible area of the page - surely CSS can do this?
Ummm... Link?
Also - try not to use positioning. For column layouts, visit BlueRobot. ([URL] http://www.bluerobot.com/web/layouts/ [/URL]).
He has a three column layout... Which is free, by the way....
Also - why width 1?
And - you have one box filing up the entire page. You can't then float around that, as it'll be outside the visible area.
So, change it to... body_left {width:auto;}, body_center{width:100 [or whatever];), body_right {width:230;}.
Yeeeeah. Not sure if that'll work, but you clearly can't have width:100% + two other boxes. But I don't know what look you're trying to achieve, so...
Also - try not to use positioning. For column layouts, visit BlueRobot. ([URL] http://www.bluerobot.com/web/layouts/ [/URL]).
He has a three column layout... Which is free, by the way....
Also - why width 1?
And - you have one box filing up the entire page. You can't then float around that, as it'll be outside the visible area.
So, change it to... body_left {width:auto;}, body_center{width:100 [or whatever];), body_right {width:230;}.
Yeeeeah. Not sure if that'll work, but you clearly can't have width:100% + two other boxes. But I don't know what look you're trying to achieve, so...
I'm finally making some kind of effort to make a complete website in CSS, but I can't quite do what I want. I've used CSS for fonts, forms, and backgrounds for years, and now it's finally time to start using it for layouts. I know how it works, it's more like I don't know the bit of code to make what I want, and I'd rather inspire debate than go looking for a quick fix on google.
Basically, I want to make the CSS equivalent of a table with 3 columns, that fills the height of the page like a table set at 100% would, and one of the columns is at 100% so it fills as much as it can before the other 2 columns can't squish up anymore. This is my effort thus far:
But that doesn't work quite right, and the results are completely different in IE and firefox. I tried making the positions 'abosolute', giving them a 'z-index' and correct top and left positions, but it still looks naff. Is there any way to do what I want? There should be, it's a basic requirement of a website to be able to do this.
Basically, I want to make the CSS equivalent of a table with 3 columns, that fills the height of the page like a table set at 100% would, and one of the columns is at 100% so it fills as much as it can before the other 2 columns can't squish up anymore. This is my effort thus far:
Left content
Middle content
Right content
But that doesn't work quite right, and the results are completely different in IE and firefox. I tried making the positions 'abosolute', giving them a 'z-index' and correct top and left positions, but it still looks naff. Is there any way to do what I want? There should be, it's a basic requirement of a website to be able to do this.
Page: