Alignment & Width with IE

[rockinaway]

My website works fine in Firefox.

 

You can see it here: http://www.etcworld.co.uk/

 

I want it centered with a max width of 795px. However, in IE, it forgets this and stretches the page edge-to-edge of the browser. When I removed 'margin:auto' from the CSS, then the IE page pushed off the edge like I wanted it to, but it's width didn't decrease.

 

What should I do?

[Cosizzle]

Did you try

 

margin: 0px auto;

 

 

IE can be really stupid and you have to REALLY specify what you want

[rockinaway]

Nope.. same problem.. damn IE!!

 

Any other help?

[Cosizzle]

I was looking over your source and saw you're using tables - is there any way to eliminate this? Tables arent the best play toy. I'm not saying they're a sin to use... they just don't play well.

 

For a centered margin layout. You want to have a main container holding everything. This main container is set to margin: 0, auto.

 

the following containers inside should float left/right or be positioned relative.

 

I know this is a step back, but understanding this technique will save A LOT of head aches. Once you get the ball rolling its really not hard to understand and you'll forever wonder why tables even existed.

 

Keep posting with questions though!

[rockinaway]

Hmm. Can you give me an example of how to convert the current stuff to tables?

 

And I sorted the problems.. forgot DocType and all that

[Cosizzle]

Current stuff to tables, im saying that its not the best idea to use tables.

[rockinaway]

I mean from tables, sorry

 

An example?

[haku]

That's beyond the scope of a single thread. You should look into learning CSS, that is the coding you will use to replace tables.

 

Tables do have their place - for tabular data (cross referencing data in columns and rows). They just aren't good for layout.