Jump to content

How do I center my body w/ the back


Recommended Posts

center the body, make everything transparent-background, and give a background image to the html.Check this to center body: CSS layout: 100% height with header and footertry:

<style type="text/css">/*** 100% height layout with header and footer* http://peterned.home.xs4all.nl/examples/csslayout1.html* ----------------------------------------------* converted to html5* Feel free to copy/use/change/improve*/html{margin:0;padding:0;height:100%; /* needed for container min-height */overflow-y:scroll; /* Force scrollbars 100% of the time */ background-image:url('yourbackgroundimage.jpg'); /* here's your background */} body {position:relative; /* needed for footer positioning*/margin:0 auto; /* center, not in IE5 */width:750px; /* or whatever */height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */ background-color:transparent; /* you can also experiment with opacity with an [font=courier new,courier,monospace]rgba[/font] colour (color with alpha channel) */background-image:none;}</style>

good luck

Edited by harinezumi
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...