Hello,
I am attempting to center a div on a page. I have a dumbed down
version of my page here:
<body>
<div id="outercontainer" align="center" style="position:relative;
background-color: #ff0000;">
<div id="innercontainer" style="position:relative;
text-align:left; width:600px; background-color: #fff000;">
This is a test of the two container to see if they stop at the
left
</div>
</div>
</body>
The page centers correctly in Mozilla1.6 and IE6, but when you resize
the browser IE keeps it in the middle until the browser becomes
smaller than the div. Once it becomes smaller than the div, the div
stops moving at the left margin. With Mozilla the div keeps centering
so the div sort of disappears into the left margin. Now the Mozilla
action makes more sense as to why it is doing that, but unfortunately
I would prefer it to do what IE does which is to center the div until
the browser gets resized smaller and then just keep it justified to
the left margin.
Can this be achieved?
Thanks,
Chris
