navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

How do I prevent overlapping DIVs?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> How do I prevent overlapping DIVs?
Page: [1]
 
JBW

 

Posts: 54
Joined: 3/18/2004
Status: offline

 
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

 

Posts: 3520
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
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

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to JBW)
skip

 

Posts: 177
Joined: 12/9/2001
From: Missouri USA
Status: offline

 
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.

_____________________________

skip

(in reply to caz)
jaybee

 

Posts: 14152
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.


:):) 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?

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to skip)
Giomanach

 

Posts: 6090
Joined: 11/19/2003
From: England
Status: offline

 
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:)

_____________________________




(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> How do I prevent overlapping DIVs?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts