CSS Layout Problem In FireFox
I want my contents right in the middle of page weather the screen resolution is 800x600 or
higher. For that purpose i put one div as wrapper of page and set its text-align property
center so the next contents can remain right in the middle. Now i put an other div
in it with text-align property set to left-align. Now what should happen is that due to
first div's text-align->center property the second div should apper in the middle but due
to second div's text-align->left property the contents should set to left. It is working fine
in Internet Explorer but Firefox is still display second in left.
the code is as following
Code:
<html>
<head>
<title>Welcome To My Webpage</title>
<style>
#w
{
height: 100%;
width: 100%;
text-align: center;
border: 1px solid red;
}
#main
{
width: 740px;
text-align: left;
border: 1px dashed green;
}
</style>
</head>
<body>
<div id='w'>
<div id='main'>Welcome</div>
</div>
</body>
</html>
Re: CSS Layout Problem In FireFox
Was working on this very problem this afternoon.
Code:
<body style="text-align:center">
<div style="margin-left: auto; margin-right: auto;width: 50em;">
<!--Wrapper-->
<div>Content that is align lefted</div>
</div>
Hopefully that works.
Re: CSS Layout Problem In FireFox
You forgot to reset the text alignment in the div. Other than that, that's the correct solution.
Re: CSS Layout Problem In FireFox
the following property was needed
[code] margin: auto [code]
problem is solved. Please no more posts