October 12th, 2012, 11:32 AM
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
(again dont forget to add http: to see the image)
In case I can provide html and css,thank you for your time.
October 12th, 2012, 01:20 PM
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.
October 12th, 2012, 01:56 PM
Here you got:
October 15th, 2012, 02:46 PM
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.