Log in

View Full Version : Any1 know how to do this....>>??


wenight
10-22-2007, 02:04 PM
I wan to solve my web page emelent to display all at center page... if not the element will be display diffrent size at diffrent screen resolution..

I see this http://www.letssingit.com/ the layout is near my example... anyone know how to how such of this page background....? it make all emelent at center page... and the border got shadows 1..?
BLiZZaRD
10-22-2007, 02:31 PM
It is done with CSS and *shudder* tables. Instead of tables use DIV.

View the source code to see what is going on (more than needs to thats for sure)
boogyman
10-22-2007, 03:17 PM
1. use a more descriptive title
2. before submitting spell check the post
3. this is some css done on the body of the page and the rest of the child elements.
Please post a url to the problematic code for us to help you troubleshoot
if your site is not online, use the [code] tags to post the code here
jscheuer1
10-22-2007, 03:18 PM
There are many ways to get that centered look. One of the best is to use at least an HTML 4.01 transitional DOCTYPE with valid URL as the first thing on your page in its source code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

Once you have that, you can use a container division of the desired width:


<body>
<div id="container">

your content here

</div>
</body>

around your content and style it like so:


#container {
width:775px;
margin:0 auto;
}

Use whatever width you like.
wenight
10-22-2007, 04:54 PM
I see the source code already... but I don't know why the border have shadow effect... who can tell me where is the shadow come from...
jscheuer1
10-22-2007, 05:25 PM
The shadow effect comes primarily from:

http://img.letssingit.com/images/body_schaduw_left.gif

and:

http://img.letssingit.com/images/body_schaduw_right.gif

applied to (probably cells on) the left and right sides of the container respectively, as background images.