Centering DIV elements within browser when resizing

mikerainey · 06-20-2007, 09:57 PM

I have recently seen the light and have switched from tables to DIV tags for positioning elements. I am having one problem: When I used tables, I could easily center the table in the browser (when browser is re-sized), but am unable to figure out how to center the elements within DIV tags when viewing in a browser. Any assistance would be greatly appreciated.

suz · 06-20-2007, 11:47 PM

In your css file you could try:

#page {
text-align: center;
}

"Page" is the div ID
Now that I read your questions again I'm not sure if I understood it correctly but anyway.

bcackerman · 06-23-2007, 04:56 PM

ya, this sometimes doesnt work, so what you'll want to do is this

<div style="width:___px; position:relative; margin:0px auto;>
</div>

that makes it so the div is centered no matter what browser your using. (you'll need to enter your width there)

bcackerman · 06-23-2007, 04:58 PM

wait ya, haha, i didnt read the post correctly, lol, Suz is right just a basic text-align is necessary

06-20-2007, 09:57 PM	#1 (permalink)
mikerainey New Member Join Date: Jun 2007 Posts: 1	Centering DIV elements within browser when resizing I have recently seen the light and have switched from tables to DIV tags for positioning elements. I am having one problem: When I used tables, I could easily center the table in the browser (when browser is re-sized), but am unable to figure out how to center the elements within DIV tags when viewing in a browser. Any assistance would be greatly appreciated.

06-20-2007, 11:47 PM	#2 (permalink)
suz Moderator Join Date: Dec 2004 Posts: 378	In your css file you could try: #page { text-align: center; } "Page" is the div ID Now that I read your questions again I'm not sure if I understood it correctly but anyway. __________________ Art for the web - Web page templates The work from home blog

06-23-2007, 04:56 PM	#3 (permalink)
bcackerman Bronze Member Join Date: Jun 2007 Location: IL Posts: 48	ya, this sometimes doesnt work, so what you'll want to do is this <div style="width:___px; position:relative; margin:0px auto;> </div> that makes it so the div is centered no matter what browser your using. (you'll need to enter your width there) __________________ [SIGPIC][/SIGPIC]

06-23-2007, 04:58 PM	#4 (permalink)
bcackerman Bronze Member Join Date: Jun 2007 Location: IL Posts: 48	wait ya, haha, i didnt read the post correctly, lol, Suz is right just a basic text-align is necessary __________________ [SIGPIC][/SIGPIC]

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode