Results 1 to 4 of 4
  1. #1

    css problem Vertically aligning divs on homepage

    I'm finding it impossible to vertically align the main area of my homepage, which is a javascript slideshow. This should sit vertically centred between the header and the footer (which is glued to the bottom of the browser window). I've tried several solutions that SHOULD work, but none do. I suspect this is probably due to the sticky footer but am not sure.
    URL of my hompage at present is http:www.dillydaydream.com/store

    Any help very much appreciated!

    cheers

    Karl

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Vertically aligning divs on homepage

    Something like margin-top:7em; in #homeContent should work.

    Also, your position:absolute in #navSuppWrapper is causing a serious problem in IE7.

  3. #3

    Default Re: Vertically aligning divs on homepage

    Thanks Stevesh - I'll have to check it out in IE7 as I've been relying on feedback from someone else due to designing this on a Mac. Will drop a 7em top margin in and see if this fixes it - Thanks Again!

  4. #4

    Default Re: Vertically aligning divs on homepage

    Tried the 7em top margin - it does help but what I'm really trying to do is get it to auto centre as the browser window grows - somebody with a bigger res monitor is going to have the footer way down and the middle area up near the header with a huge gap in between. I've tried messing about with absolute positioning, negative margins etc but no go :-(

 

 

Similar Threads

  1. Divs acting strange!
    By Spo0f in forum Basic Configuration
    Replies: 6
    Last Post: 14 May 2009, 02:23 PM
  2. Problem vertically aligning header text
    By sonic in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 22 Jan 2009, 08:29 PM
  3. Help aligning divs - something cascading that I don't see?
    By yelow in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 27 Oct 2008, 06:11 PM
  4. IE 7 displays overlapping divs
    By headbump in forum General Questions
    Replies: 2
    Last Post: 17 Jun 2008, 01:03 PM
  5. Divs vs Tables
    By camioman in forum General Questions
    Replies: 0
    Last Post: 1 Jun 2006, 12:25 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg