Script Garage
website design?
hi I am in the process of creating a website with Dreamweaver. I want to create a website similar to this one or ebuddy.com, where the content of the page is in the centre and it is surrounded by a background i.e the contents of the webpage don't take up the whole space. how do i go about doing this. also how do i create a webpage which fits well in all screen sizes?
Public Comments
- Use a div to house all your content and style that div like this in your CSS - div#frame { width:760px; margin:0 auto; text-align:center; } The reason for the text-align:center is so that IE6 will properly center the div. Unfortunately all your text will be centered too. You'll have to style the text and headers as text-align: left. And be sure to call the #frame in your HTML like this (or name it something else if you want) - <div id="frame"> your content and other divs go here </div> Then style your body like this - body { background: url(type the path to your background image here); } The width of 760 that I chose is a good width for all browsers because it fits 800x600 resolutions well, which is the lowest common denominator, if you will.
- you must go with 728 width. if you want to have centered and BG around, you must do like this: after </HEAD> <p align="center"><BODY BGCOLOR=#CCCCCC LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0"> <span class="style1"></span> <table width="778" border="0" cellspacing="0" cellpadding="0"> if you need more help or other Q's contact me.
