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

Home Forums CSS Css main layout issue

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #30197

    Hi all,

    Just a newbie question…

    I’m trying to achieve the same layout effect as:(

    I looked at their source code/css an I tried to simulate it as much as possible…but of course it’s not working as planned

    * Their top main banner is extra long (horizontally)…So I got my own large image, the same size 1600px
    I set my banner in the middle (margin: 0 auto;), but when I resize my browser it does not resize the same way…the image stay static in the same spot.
    What am I doing wrong?

    Please if anyone can point out the layout set up I need to use, it would very much appreciated!!! :)


    Body is the right place for the background image, not #header. Try to add this to body:

    background: #000 url("../images/main_banner.jpg")no-repeat 50% 0%;

    And sorry, but your code looks bad. In html you have way to much keywords, title is to long(spammy). And in css you should use css reset, shorthand and so on. You should should really use a css grid system, like 960gs.


    Thank you so much for your help…I will update my code as you suggested.
    And I truly appreciate your honesty. Only making mistakes can one get better:)
    Ps: thanks for css grid system & CSS Optimization tip.

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