WordPress.org

1. JuliaTHC
   Member
   Posted 1 year ago #

   Hi there.

   I'm having some trouble with my wordpress theme's splash page. My DIV wrapper is supposed to contain all the floating DIVs used on the page and keep them fixed, but they still move around in different resolutions/browers. I was hoping someone would have an idea? I'm still fairly new to all of this. My site is http://thcanada.com

   Thank you!

   CSS for wrapper and body

   body {
   margin : 0 auto;
   background : #b6b6b6 url("images/bg.jpg") repeat-y top center;
   color : #5d5d5d;
   font : 11px Arial;
   align: center;
   }
   
   #wrap {
   width : 1004px;
   margin : auto;
   color : #474747;
   text-align : center;
   font : 11px Arial;
   clear : both;
   }

   HTML for splash page template

   [moderator note: snipped as per the forum rules - please use http://wordpress.pastebin.ca ]

2. alchymyth
   The Sweeper
   Posted 1 year ago #

   to position elements with 'position: absolute;' within a container div, this div needs to have the 'position: relative;'

   suggestion:

   add position: relative; to the style of #wrap and reposition the other elements accordingly.

   (without this, the absolute position would be relative to the browser window)

   http://www.w3schools.com/css/css_positioning.asp

3. JuliaTHC
   Member
   Posted 1 year ago #

   Okay, thank you... I will try to use relative! I'll let you know how it works out. =)

Topic Closed

This topic has been closed to new replies.