ansaurus

Question

Answer 1

+1 A:

Don't know which browser you use, but you could change

 #outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;}

to:

 #outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%; text-align:center;}

Allthough.. I've tested your code on IE8, FireFox and Chrome and all three worked like a charm...

riffnl 2010-04-26 19:08:06

The problem with text-align:center; is that the all text inside the inner div is align center as well and I want font to align left.

Sergio 2010-04-26 19:10:40

If that's the only issue, couldn't you just add text-align: left; to the #inner?

Michael Herold 2010-04-26 19:12:50

No I can't because there is lots of other things inside that div:(

Sergio 2010-04-26 19:16:29

I don't get your last comment. You dont want the text to align to the left?You could always go for the triple-nested-what-am-i-doing-where-div-structure...whereas the outerinner div (middle) is text-aligned to the left.But I would *not* recommend it

riffnl 2010-04-26 20:54:47

Answer 2

A:

It seems you need to learn a bit about quirks mode.

Diodeus 2010-04-26 19:09:11

ansaurus

tags:

views:

answers:

Problem with CSS DIV align

related questions