Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS help me fix this :)

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #36962
    amyth91
    Participant

    i am creating a site for a friend, and this is what i’ve done with the landing page.

    “best viewable in chrome”

    when i open the page in my laptop, i get a scroll because of the parallax images , how do i fix them (get rid of the scroll) ?

    i tried to add an external wrap “Main-wrap” with position:absolute and height&width: 100% and overflow:hidden with z-index:-2. it works, but then the menu goes messy.

    the menu then instead of going behind “LAZURE” stays on top.

    anyone with a fix ?

    #98050
    Senff
    Participant

    I think it’s the margin-top and margin-bottom of your section.home that’s causing this issue. Using percentages for those values don’t seem like a good idea to me, neither does using absolute positioning for the menu within the relative positioned section.

    #98054
    Senff
    Participant

    If it has a fixed height of 233px and you always want it to be centered vertically, I would use this method on the HOME section:

    height:233px;
    position:absolute;
    top:50%;
    margin-top:-116px;

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.