Programming Help Forums / HTML / Javascript / CSS / CSS Help / Center align a div? / Latest Posts

RE: Center align a div?

robrobin10 — Mon, 31 May 2010 03:14:33 GMT

I've always used the old "Centering Trick" when i code my templates up for the web. I use "margin: auto 0" in the css page. It is a great way to center your content and haven't to worry about how to center other stuff because it automatically centers all the content within that div.

RE: Center align a div?

nafi_sli — Sat, 16 Jan 2010 21:04:10 GMT

I like this :

Something

RE: Center align a div?

ahsan13 — Tue, 14 Jul 2009 10:48:28 GMT

thanksssssssss

RE: Center align a div?

dana11 — Sun, 28 Jun 2009 01:51:12 GMT

[quote][b]night_day (1/28/2007)[/b][hr]ASsuming you need a fixed width for the flash file, you'll need client side script for this.

[code]

<script type="text/javascript">
window.onload = WindowLoad;
function WindowLoad(event) {
var objDiv = document.getElementById( "MainContainer" );
objDiv.style.left = parseInt((document.body.clientWidth-objDiv.clientWidth)/2)+"px";
}
</script>
<div style="position: relative;">
<div id="MainContainer" style="position: absolute; border: 1px solid #c0c0c0;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="800" height="600" id="preloader_v03" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="preloader_v03.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="preloader_v03.swf" quality="high" bgcolor="#ffffff" width="800" height="600" name="preloader_v03" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</div>

[/code][/quote]

this is nice answer thanks night day

RE: Center align a div?

unarmedmaster — Tue, 28 Aug 2007 13:34:18 GMT

great help thnx

RE: Center align a div?

Andy — Sun, 28 Jan 2007 21:32:52 GMT

That did it, you're the best!

Cheers!

RE: Center align a div?

night_day — Sun, 28 Jan 2007 10:07:30 GMT

ASsuming you need a fixed width for the flash file, you'll need client side script for this.

[code]

[/code]

RE: Center align a div?

Andy — Sun, 28 Jan 2007 09:22:22 GMT

Thanks chillywilly, your code looks good, but it didn't center my object. I'm using a flash .swf object and trying to get it centered. Any ideas?

RE: Center align a div?

chillywilly — Sun, 28 Jan 2007 08:21:42 GMT

Pretty simple, try this out

[code]

<div style="position: relative;">
<div style="position: absolute; left: 25%; width: 50%; border: 1px solid #c0c0c0;">Something</div>
</div>

[/code]

Center align a div?

Andy — Sun, 28 Jan 2007 07:13:39 GMT

Hi guys,

I need to create a div that is in the centre of the page using styles. The div needs to have gray border.

Anyone?