Marlon,
Part of the problem would probably be height:100%. Basically a percentage
value in height is 100% of what? In CSS, it is 100% of the parent, if the
parent is not specifically set, then height is assumed to be auto.
Try this, set
html, body{height:100%;)
Then anything will take its percentage ultimately off of that.
Part of the problem with positioning with absolute references is that an
absolutely positioned item must be positioned within a parent item that is
not positioned as static (which is the default). Set a parent to
position:relative (without any other top, bottom, left or right). The item
will stay in the correct place and the other item will position itself.
Part of the problem though is that absolutely positioned items are taken out
of the document flow which means that there can be overlaps. If you are
using pixels or absolute values, it can be a real nightmare. Some of the
pain can be taken out of this by using relative values such as percentages
or em's.
Positioning is doable. If you doubt, take a look at
http://www.cancermap.org/pancreatic which is one of the newest sites we have
just launched (it needs work since my developers didn't always follow my
directives or my templates, but the home page works really well. I used
relative/absolute positioning in there.
Sandy
-----Original Message-----
From: Marlon Moyer [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 18, 2004 2:04 PM
To: CF-Community
Subject: CSS Rants (do they ever stop)
Okay, I'm trying my best to redo layouts based on CSS. As long as the
layout is rather simple, CSS with floats seems to be allright. Once your
layout gets to be a little more complex and absolute positioning is needed,
CSS begins to be a pita! Then again, I don't see CSS with floats to be
separating content from formatting. You still need to write your code so
that the divs are in the correct order for the CSS to render them correctly.
This usually means all your navigation goes at the top of the page with the
content being the last a search engine will see.
Absolute positioning seems to be how things should go except document flow
gets all f'ed up and one browser won't interpret height="100%" the same as
another browser.
Well, to make a long story short, styling with CSS seems to be a great idea,
positioning with CSS maybe not so.
Marlon
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Special thanks to the CF Community Suite Gold Sponsor - CFHosting.net
http://www.cfhosting.net
Message: http://www.houseoffusion.com/lists.cfm/link=i:5:136986
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
