Align in Internet Explorer

Mike · Oct 11, 2010

I've been trying to get this to work in Internet Explorer, but it won't. However, it looks beautiful in Firefox.

Just wondering how I would go about centering this in both IE and FF.

index.html

Code:

<body>
<div class="logo">
<img src="http://forum.ragezone.com/images/logo.png">
</div>
<div class="buttons">
<a href="http://www.dialatic.com/about.html"><img src="http://forum.ragezone.com/images/about.png" alt="About Us" border="0"></a>
<a href="http://www.dialatic.com/portfolio.html"><img src="http://forum.ragezone.com/images/portfolio.png" alt="Portfolio" border="0"></a>
<a href="http://www.dialatic.com/forum/index.php"><img src="http://forum.ragezone.com/images/forums.png" alt="Forums" border="0"></a>
</div>
</body>

stylesheet.css

Code:

body {
background: #111111;
}

.logo {
background: #111111;
padding-top: 200px;
width: 300px;
text-align: center;
margin-right: auto;
margin-left: auto;
}

.buttons {
background: #111111;
padding-top: 40px;
width: 1000px;
text-align: center;
margin-right: auto;
margin-left: auto;
}

EnhancedGFX · Oct 11, 2010

Internet explorer is a hottie + Your using non existing images + why would you use external images unless you intendendly censored the actual locations, (Which should really be /images/ or any local folder really, if you want to have people to stay on your site)

Now, as for your problem:

margin:0 auto;
text-align:center;

such code SHOULD have done it, atleast it does it for me.

Mike · Oct 12, 2010

I am using real images. Ragezone automatically adds their URL before any back-slash.

Yeah I know, I don't understand why this isn't working. I have those...

EnhancedGFX · Oct 12, 2010

Mike said:
I am using real images. Ragezone automatically adds their URL before any back-slash.

Yeah I know, I don't understand why this isn't working. I have those...

have you cleared your cookies?

Zen · Oct 12, 2010

Mike said:
I am using real images. Ragezone automatically adds their URL before any back-slash.

Yeah I know, I don't understand why this isn't working. I have those...

without having the actual images I cant say whats going on. But if I were you, I'd try dumping this at the top of your CSS file and trying again. If it still doesn't behave, take a couple of screenies of how it looks in both browsers and I'll have a look

PHP:

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Mike · Oct 12, 2010

Zen, I'll PM you the URL.

Zen · Oct 12, 2010

PM'd you back. Its fixed.

Mike · Oct 12, 2010

Wow, thanks dude. I can't believe I forgot that.

It worked with center tags btw everyone.

Zen · Oct 12, 2010

Mike said:
Wow, thanks dude. I can't believe I forgot that.

It worked with center tags btw everyone.

It was funny when I'm going over and over the code then realised.

Small mistakes are the easiest to make my friend

Welcome!

Align in Internet Explorer

Mike

Canadian

EnhancedGFX

Experienced Elementalist

Mike

Canadian

EnhancedGFX

Experienced Elementalist

Zen

Custom Title Activated

Mike

Canadian

Zen

Custom Title Activated

Mike

Canadian

Zen

Custom Title Activated

About Us

Online statistics

Forum statistics

RaGEZONE Sponsor