Centering div with HTML 4.01 Transitional

LD · 2010-05-25, 10:08 AM

To center divs on a page, I usually use:

Code:

margin-right: auto;
margin-left: auto;

but this seems to only with HTML 1.0 transitional. Can you make it work with 4, or maybe just use 1.0 all the time or maye something else altogether....?

Cleo · 2010-05-25, 10:17 AM

I had a problem centering iframes recently using the code you posted. The solution was to give the item I was trying to center a fixed width instead of a percentage.

LD · 2010-05-25, 11:40 AM

Quote:

Originally Posted by Cleo

I had a problem centering iframes recently using the code you posted. The solution was to give the item I was trying to center a fixed width instead of a percentage.

iframes behave in strange ways sometimes for me, and I also do a fixed width usually wider than the iframe and add this:

Code:

text-align: center;

to the div's properties.

But I was referring to centering the actual div, not the content within the div. Seems to behave differently in HTML 1.0 and HTML 4.0

bluebrit · 2010-05-25, 11:47 AM

the <center> tag was deprecated in HTML 4.0 so try using this
<div style="text-align: center;">

Cleo · 2010-05-25, 11:51 AM

Yeah it was the content within the div that I was talking about.

Despite using text-align: center; my iframe still wasn't centering. I did some Googling and found the suggestion to give my iframe a fixed width instead of a percent and it fixed it.

I still struggle with css but thought that maybe it would work with your issue too.

Just a guess but maybe
display:block;
margin-right:auto;
margin-left:auto;

Nymph · 2010-05-25, 11:56 AM

using
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

I use
<div align="center"></div>

of course you can use styling to the div tag too

Maj. Stress · 2010-05-26, 01:01 PM

Quote:

Originally Posted by bluebrit

the <center> tag was deprecated in HTML 4.0 so try using this
<div style="text-align: center;">

It was? I can still validate pages at w3.org using it.
link

http://slut-fest.com/gay-twinks-fuck/

bluebrit · 2010-05-26, 03:32 PM

Quote:

Originally Posted by Maj. Stress

It was? I can still validate pages at w3.org using it.
link

It has been deprecated in 4.01 transitional and frameset, take a look at the table in their own link below.

http://www.w3schools.com/tags/default.asp

Maj. Stress · 2010-05-26, 09:43 PM

Quote:

Originally Posted by bluebrit

It has been deprecated in 4.01 transitional and frameset, take a look at the table in their own link below.

http://www.w3schools.com/tags/default.asp

Interesting that the validator does not flag it. I've had it flag the div align="center" before.

Maj. Stress · 2010-05-26, 09:46 PM

Quote:

Originally Posted by Cleo

Yeah it was the content within the div that I was talking about.

Despite using text-align: center; my iframe still wasn't centering. I did some Googling and found the suggestion to give my iframe a fixed width instead of a percent and it fixed it.

I still struggle with css but thought that maybe it would work with your issue too.

Just a guess but maybe
display:block;
margin-right:auto;
margin-left:auto;

I haven't tested it but that looks like it should work.

2010-05-25, 10:08 AM	#1
LD wtfwjd? Join Date: May 2007 Posts: 2,103	Centering div with HTML 4.01 Transitional To center divs on a page, I usually use: Code: margin-right: auto; margin-left: auto; but this seems to only with HTML 1.0 transitional. Can you make it work with 4, or maybe just use 1.0 all the time or maye something else altogether....? __________________ Artisteer Wordpress Theme Generator Create Custom Themes! My Little Network

2010-05-25, 10:17 AM	#2
Cleo Subversive filth of the hedonistic decadent West Join Date: Mar 2003 Location: Southeast Florida Posts: 27,936	I had a problem centering iframes recently using the code you posted. The solution was to give the item I was trying to center a fixed width instead of a percentage. __________________ Free Rides on Uber and Lyft Uber Car: uberTzTerri Lyft Car: TZ896289

2010-05-25, 11:51 AM	#5
Cleo Subversive filth of the hedonistic decadent West Join Date: Mar 2003 Location: Southeast Florida Posts: 27,936	Yeah it was the content within the div that I was talking about. Despite using text-align: center; my iframe still wasn't centering. I did some Googling and found the suggestion to give my iframe a fixed width instead of a percent and it fixed it. I still struggle with css but thought that maybe it would work with your issue too. Just a guess but maybe display:block; margin-right:auto; margin-left:auto; __________________ Free Rides on Uber and Lyft Uber Car: uberTzTerri Lyft Car: TZ896289

2010-05-25, 11:47 AM	#4
bluebrit Along for the ride and loving it. Join Date: Aug 2005 Location: Canada Posts: 1,873	the <center> tag was deprecated in HTML 4.0 so try using this <div style="text-align: center;">

2010-05-25, 11:56 AM	#6
Nymph Get me! Join Date: Jan 2009 Location: Lower Alabama-The Redneck Riviera Posts: 677	using <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> I use <div align="center"></div> of course you can use styling to the div tag too