How do I prevent overlapping DIVs? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

JBW -> How do I prevent overlapping DIVs? (3/9/2005 14:25:47)

Hi All,

I am currently rewriting a site to use CSS instead of tables for layout. It is based on a tamplate which uses 4 main DIV tags. These are Header, Links, Main and Footer. The header, links and footer are vertically aligned and work fine. However, the links are contained in a div on the left using position: absolute. All looks great unless the main div has little content. In which case, the footer is high up on the page and overlaps the links div. Is there any way I can remedy this or do I need to add more content!!

An example can be found at www.jgpropertymanagement.com/test.asp

Many thanks in advance for any help

John.



caz -> RE: How do I prevent overlapping DIVs? (3/9/2005 14:45:41)

Hi John, take a look at http://www.frontpagewebmaster.com/m-257130/tm.htm# a couple of threads below; those links should help you.

Cheers
Carol



skip -> RE: How do I prevent overlapping DIVs? (3/10/2005 18:12:23)

i have the same situation on my site, i just add <br /> as needed on short pages to move the footer down.



jaybee -> RE: How do I prevent overlapping DIVs? (3/11/2005 4:34:33)

quote:

i just add <br /> as needed on short pages to move the footer down.


[sm=lol.gif][sm=lol.gif] That's cheating.

Actually, I'm not sure what that does to people with Lynx or Jaws. It may mean they think there's more stuff down the page and keep going with the line breaks until they get fed up. If your footer comes afterwards then they never get to it.

Anyone know how the readers treat line breaks?



Giomanach -> RE: How do I prevent overlapping DIVs? (3/11/2005 6:56:58)

quote:

Anyone know how the readers treat line breaks?

FANGS (the FF Extension) just ignores them, so you get one long line[:-]



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
3.076172E-02