#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    8
    Rep Power
    0

    Header over Body


    Hey guys,so I ecountered another problem. My header is overflowing the body. I would like to move it a bit up,as well as move body down. I tried margin,but sadly it didnt work... Heres a picture

    //imageshack.us/a/img29/3659/layoutproblem.jpg
    (again dont forget to add http: to see the image)

    In case I can provide html and css,thank you for your time.
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Location
    Jersey
    Posts
    16
    Rep Power
    0
    You should always provide html/css, or else it makes answering your question damn near impossible. Throw it on jsfiddle or a link with your live project, and then ill be to help you.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    8
    Rep Power
    0
    Here you got:

    http://jsfiddle.net/Filip5/nSVZR/
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Location
    Jersey
    Posts
    16
    Rep Power
    0
    A couple things here:
    I don't really know what you mean by 'my header is overflowing the body'. Header and body are actual HTML tags, that shouldn't be confused with what you think is the head and body of your web page. Try to be a little more specific. Are you #header is overflowing into the #content div?

    Also, in your css, the images you have are relative paths (using the ../ notation). Would you be able to throw these images up on a server somewhere and give it an absolute path (http:// )? If not, just try filing the divs with background color or borders so you can visually see what is going on during development.

    Lastly, steer away from using inline CSS: <div style='width:900px;'>. This is the lazy man's approach and you'll want to shoot yourself in the foot when the project starts to grow. Keep all of your CSS in an external stylesheet.

    I did my best to try and decipher what you wanted here . Hopefully this helps, try messing around with what you have and what I provided to see if you can come up with what you want. If not respond back with your issues.

IMN logo majestic logo threadwatch logo seochat tools logo