November 18, 2008 11:17pm pst

1. hielo 707,947
2. scrathcyboy 456,543
3. Kravimir 286,492
4. b0lsc0tt 201,830
5. mplungjan 179,694
6. Steggs 133,909
7. Ray_Pas... 110,460
8. jason1178 107,083
9. VirusMinus 86,010
10. rbudj 67,136
11. Lolly-Ink 66,875
12. wilq32 64,660
13. darron_c... 59,800
14. GreenGho... 57,665
15. Zvonko 55,552
16. LordOfPo... 52,894
17. logudotcom 50,691
18. gamebits 50,258
19. glumlun 48,090
20. glcummins 42,530
21. Rouchie 42,194
22. Roonaan 41,547
23. zemond 40,059
24. TName 37,000
25. Hube02 35,095

1. hielo 726,447
2. seanpow... 576,367
3. COBOLdi... 554,132
4. b0lsc0tt 506,661
5. scrathcyboy 460,143
6. mplungjan 386,885
7. TName 355,692
8. Steggs 350,318
9. GrandSch... 306,425
10. VirusMinus 298,680
11. Kravimir 286,492
12. Roonaan 276,688
13. jason1178 234,649
14. gamebits 229,141
15. Batalf 227,032
16. Zyloch 213,089
17. knightEkni... 203,099
18. DreamMa... 189,227
19. Eternal_S... 180,012
20. Zvonko 158,679
21. jessegivy 143,877
22. dorward 143,523
23. webwoman 116,248
24. callrs 111,722
25. brunobear 111,663

08.17.2008 at 12:27PM PDT, ID: 23654863

	[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.6

Div Alignment (HTML & CSS)

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

Tags: html, css, div, align, alignment, center

Hi,

I'm trying to create the layout for a webpage using div's and CSS. I want to use a fixed width and have the page in the center of the browser. (Just like the Premium skin of this website).

So far Ive created, sized and positioned all of the div's. However I cant align them in the center. If I use:
<div align='center'> on the BodyContainer div
In Firefox the Div's stay left aligned, but the text goes center.
In IE7. The text goes center, but the left edge of the div's go center, leaving part of the div's hidden outside the browsers right side.

I've attached the code for te div's along with the CSS below.

Thanks in advance
mms_masterStart 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:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:

           
           
             **********************************
              CSS
**********************************
 
BODY {
	padding: 0px;
	margin: 0px;
}
 
div.BodyContainer {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: auto;
	height: auto;
	background: #000000;
}
 
div.TopAds {
	position: absolute;
	width: 730px;
	height: 92px;
	top: 5px;
	left: auto;
	right: auto;
	
	background: #ff0000;
}
 
div.Logo {
	position: absolute;
	width: 968px;
	height: 125px;
	top: 102px;
	
	background: #00ff00;
}
 
div.TopNav {
	position: absolute;
	width: 968px;
	height: 30px;
	top: 226px;
	
	background: #0000ff;
}
 
div.ContentContainer {
	position: absolute;
	width: 968px;
	height: auto;
	top: 256px;
	bottom: 30px;
	
	background: #ffffff;
}
 
div.CopyrightContainer {
	position: absolute;
	width: 968px;
	height: 30px;
	bottom: 0px;
	
	background: #ffff00;
}
 
**********************************
             HTML
**********************************
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<div align='center' id='BodyContainer' class='BodyContainer'>
	<div id='TopAds' class='TopAds'>
	        test
	</div>
	<div id='Logo' class='Logo'>
	        test
	</div>
	<div id='TopNav' class='TopNav'>
	        test
	</div>
	<div id='ContentContainer' class='ContentContainer'>
                             <!-- Home Page Body Content -->
                             test
	</div><!-- End of ContentContainer div -->
	<div id='CopyrightContainer' class='CopyrightContainer'>
	        test
	</div>
</div><!-- End of BodyContainer div -->
</body>
</html>

           
         

Keywords: Div Alignment (HTML & CSS)

	Title
1	HTML CSS problem with positioning div…
2	Trouble with floated DIVs in Firefox
3	css ie6 div not 100%
4	How to center with css for IE6 and IE7?
5	Div not showing in Firefox
6	div tags and css has different effect in…

Loading Advertisement...

20080716-EE-VQP-32 / EE_QW_EXPERT_20070906

Div Alignment (HTML & CSS)

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

Tags: html, css, div, align, alignment, center

About this solution