On 1/14/06, Stan Winchester <[EMAIL PROTECTED]> wrote:
> I am slowing making the change over to CSS layouts but I noticed when I use
> CSS layouts I cannot view my CF debugging because it is overlapped with the
> CSS layout. How do others deal with CF debugging and CSS?

The problem is probably that you are using lots of "position:absolute"
in your layouts. When items are positioned in this way, they are
"taken out of the document flow" meaning that subsequent items don't
even know that they are there, resulting in elements overlapping each
other.

For a really good explanation of the behaviour of elements in CSS-P, try
http://www.brainjar.com/css/positioning/

Absolute positioning can be useful for putting elements on top of each
other, but is rarely a good solution for an entire layout. Because it
seems so easy to start with, many developers new to CSS layouts tend
to use absolute positioning and then get very frustrated.

Rather than using position:absolute, try using floated elements and
maybe some position:relative instead. Better yet, rather than trying
to reinvent the wheel, start with one of the pre-built layouts on
http://css-discuss.incutio.com/?page=CssLayouts and change it to suit
your requirements.

--
Kay Smoljak
http://kay.smoljak.com/
http://kay.zombiecoder.com/
http://goatlady.wordpress.com/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:229573
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to