IE workaround?

jwalker80 · #1 Jul 12th, 2007, 16:21

Hi,

I am using following bit of CSS which works in Firefox, Opera

body div[align="center"]{
display: none;
}

It doesnt work in IE, is this because it does not recognise the square[] brackets? And does anyone know a workaround?

MikeHopley · #2 Jul 12th, 2007, 16:44

First, you should stop using HTML attributes such as align="center" and replace them with CSS and classes (or IDs). To centre a <div> horizontally relative to its containing element, use:

Code: Select all

div.someClassName {
margin: 0 auto;
width: 100px; /* or whatever width your DIV is supposed to be */
}

To centre text in a div:

Code: Select all

div.someClassName {
text-align: center;
}

Second, the attribute selector ("square brackets") does not work in IE. You can forget about using it (for a long, long time yet) -- which is a real shame.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
workaround for includes?	alexgeek	PHP Forum	4	Sep 15th, 2007 11:27
A workaround for a problem you might not know you have...yet	Skelbo	Web Page Design	1	Jul 13th, 2007 18:00

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
IE workaround?