Div Wrapper Not Working

  • JuliaTHC

    (@juliathc)


    14 years 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 https://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 https://wordpress.pastebin.ca ]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    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)

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

    Thread Starter JuliaTHC

    (@juliathc)

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Div Wrapper Not Working’ is closed to new replies.