Layers... AGHHHHH!!!
Right... i'm trying to slowyly move to using layers and css to make my sites more accessible etc.
Basically i've knocked this page up
http://www.greendezire.com/golf/index.html
stylesheet is at: http://www.greendezire.com/golf/golf.css
Width wise, the page looks ok in IE, but I want the 3 columns all to run the same height without having to guess a maximum height and using 100% seems to give strange results.
Also, in netscape the page looks completly wrong. The middle column goes behind the right colum and the right colum is pushed out past the right hand side. This just isnt working the way I want it to.
Does anyone have the knowledge to help with my layers problems? I'm becoming quite frustrated and I'm starting to understand why people are reluctant to make the move from using nested tables (i could have knocked this layout up in 10 minutes using tables, but so far i've spent hours trying to fix it).
Help? anyone? please?
Andy
Andy
disaster-master posted this at 15:00 — 4th June 2003.
She has: 2,154 posts
Joined: May 2001
I am not proficient enough with css to troubleshoot your code but looking at your style sheet via the validator, you have some errors. These may be the problem. clip: rect( );
I found this template a while back. Maybe it would be of some use to you in figuring out how to make all columns equal in height.
dk01 posted this at 17:21 — 4th June 2003.
He has: 516 posts
Joined: Mar 2002
You could just make the backgrond image of the body look the same as the layers. In this case this would be viable since you are using a fixed width, non centered, layout.
-dk
Renegade posted this at 09:20 — 5th June 2003.
He has: 3,022 posts
Joined: Oct 2002
ahhh!! your CSS coding is a mess! lol I didn't bother looking at it. Try cleaning up your CSS so others can look at it
Basically for your three column layout you want it setup like this:
left content
centre content
right content
You have that yes? Right, now, for the left and right DIVs you have them absolutely positioned with the left DIV floated left [this is optional] and the right DIV floated right [not optional, may not work in some browsers if not floated to the right (with a width setting too)] for the left and right divs set absolute widths for those.
For the content div, have that relatively positioned with the left adn right margins set to the width plus padding plus border size.
Well if you didn't get any of that or part of then you might understand if you have a look at the sites I've made, over the last year I have converted all my sites to use CSS Positioning. Here's the link to a table of my sites I have:
http://chengeu.krayup.com/index.php?page=links
I'm currently trying to have all my divs relatively aligned using only floats. This way is much more liquid but it's too hard to explain
dk01 posted this at 18:43 — 5th June 2003.
He has: 516 posts
Joined: Mar 2002
Using floats works pretty well, I myself have left off all types of position: absolute, position:relative, etc.
-dk
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.