Results 1 to 4 of 4

Thread: CSS Layout Problem In FireFox

Threaded View

  1. Aug 28th, 2005, 04:55 AM #1
    muzammil
    muzammil is offline

    Thread Starter
    Member
    Join Date
    Sep 2004
    Posts
    34

    Resolved 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>
    Last edited by muzammil; Aug 29th, 2005 at 01:03 PM.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width