November 18, 2008 11:53pm pst

1. Kravimir 642,694
2. hielo 576,134
3. Steggs 362,338
4. scrathcyboy 360,173
5. VirusMinus 232,882
6. GreenGho... 98,391
7. TName 95,065
8. mreuring 86,205
9. mplungjan 82,224
10. glumlun 80,990
11. zemond 78,137
12. bluefezteam 76,422
13. jason1178 74,405
14. b0lsc0tt 65,054
15. Lolly-Ink 64,007
16. Rouchie 58,810
17. Eternal_S... 51,684
18. Ray_Pas... 48,750
19. ali_kayahan 48,680
20. nexusnation 48,650
21. glcummins 48,005
22. xberry 47,775
23. Hube02 47,060
24. strobbe 41,700
25. zkeown 39,775

1. VirusMinus 1,440,162
2. Steggs 1,200,928
3. GrandSch... 1,081,204
4. seanpow... 809,340
5. TName 794,448
6. Kravimir 642,694
7. hielo 593,602
8. Roonaan 494,352
9. Eternal_S... 429,661
10. COBOLdi... 415,775
11. scrathcyboy 360,173
12. mreuring 305,112
13. oceanbeach 262,232
14. Batalf 232,544
15. GoofyDawg 187,739
16. brunobear 180,148
17. GreenGho... 177,656
18. Zyloch 162,067
19. Daydreams 152,028
20. trinzia 150,072
21. b0lsc0tt 130,425
22. mplungjan 128,818
23. bochgoch 101,320
24. R7AF 100,575
25. Gertone 99,295

06.24.2008 at 08:22AM PDT, ID: 23511354

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

8.7

Centering website using DIV absolute layout

Asked by Belazir in Cascading Style Sheets (CSS), Hypertext Markup Language (HTML)

I'm using DIVs to set my web page layout, using the position: absolute element. I can't get the website to center if I do this though, and if I use float instead the background flows round the edge of the layout, which isn't what I want. I've attached both example css and jsp, can anyone help?Start Free Trial

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:

           
           
             <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>leagues ahead : test</title>
	<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
	<div id="header"><img src="Logo_small.jpg" alt="Leagues Ahead"></div>
	<div id="leftcol">Left Section</div>
	<div id="shortmenu">Short menu</div>
	<div id="content">Content Section</div>
	<div id="footer">Footer Section</div>
</body>
</html>
 
@CHARSET "ISO-8859-1";
<style type="text/css">
<!--
body {
	background-position: center;	
	background-color: #EEEEEE;
}
#header {
  background: white;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 125px;
}
#leftcol {
  background: #106070;
  position: absolute;
  top: 125px;
  left: 0px;
  width: 150px;
  height: 450px;
}
#shortmenu {
	background: #88b050;
	position: absolute;
	left: 150px;
	width: 650px;
	top: 125px;
	height: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: white;
}
#content {
  background: #fff;
  position: absolute;
  top: 150px;
  left: 150px;
  width: 650px;
  height: 425px;
  padding-left: 6px;
  padding-top: 3px; 
}
#footer {
	background: #106070;
	position: absolute;
	top: 575px;
	left: 0px;
	width: 800px;
	height: 25px;
	border-top: 1px solid white;
}
-->
</style>

           
         

Keywords: Centering website using DIV absolute l…

	Title
1	floating div issue
2	Css Centering div
3	make div stretch?
4	absolute DIV positioning
5	Is there an easy way to convert a tabl…
6	Center a div using CSS?

Loading Advertisement...

20080716-EE-VQP-32 / EE_QW_2_20070628

Centering website using DIV absolute layout

Asked by Belazir in Cascading Style Sheets (CSS), Hypertext Markup Language (HTML)

About this solution