Sent by Bob Easton on 7 November 2004 11:11
Steve novak wrote:
> Thank you for looking! Here is the problem http://www.robot44.com/testcss.shtml
>
> The bright green (for demostrative purposes) DIV is the one floating
> above the main page. I need this grey box inside it to float above and
> keep correctly centered over the main page (about 170px to the right
> of the main area).
>
> It renders how I want it in IE. In Moz it seems to want to ignore the
> Margin atribute. HELP! How do I trick Mozilla to work right!
>
First, a small hint. When posting a new question, don't reply to a
previous question. Your posting got attached to an old dead thread and
almost went unnoticed.
Well, it actually doesn't render in either broswer the way you want it.
Altering window widths causes content to dance around.
Make these adjustments:
CSS:
- in div#contentbox, change the align:center (invalid) to text-align:center
- in div.content, remove text-align:left
- in div.content, change the margin to margin:auto (centers the box)
- add a new declaration: div.content p {text-align:left;}
Lastly, get into the habit of using a CSS validator. It can be your
friend in diagnosing problems.
http://jigsaw.w3.org/css-validator/
--
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/