|
|
Posted by Disco Octopus on 11/19/17 11:32
Jeff wrote:
> Hey
>
> I'm testing this on IE, 6.0 (but I want my code to work on all modern
> browsers: Opera, FireFox, IE, Netscape Navigator)
>
> The problem is that the "container" DIV isn't displayed centralized in the
> browser window, it's align to the right, I want it to be centered, not
> aligned to the right, what should I do to solve this?
>
> (( Below are the code I'm having trouble with ))
>
> I'm trying to create a three column layout. I want the container block to be
> centered in the browser window, so that's why I use left:100px; right:100px;
> I know I instead could specify width:800px - But I guess width:800 (800 is
> just an example here, it could be 700 also) may be to wide for the browser
> window and the user needs to scroll to show the whole window. The user
> should not need to scroll to show the whole width of the container DIV.
> What's your opinion about this, please tell me? is it a better way of doing
> this?
>
> Please help me with this on
>
> Jeff
>
> Data from my CSS file:
> #container {
> left:100px;
> right:100px;
> height:400px;
> background-color:#FF0000;
> position:relative;
> }
>
> #calendar {
> background-color:#DDF;
> position:absolute;
> right:20px;
> top:100;
> width:175px;
> }
>
> My index.php file:
> </head>
> <body>
> <div id="container">
> <p>The outer block</p>
> <div id="calendar">
> <The inner block>
> </div>
> </div>
> </body>
> </head>
maybe if yoiuy play around with this....
margin-left:auto;
margin-right:auto;
padding-left:100px;
padding-right:100px;
instead of this....
left:100px;
right:100px;
I am not sure exactly wht you are trying to acheive, but this may give you
a different approach.
good luck.
--
a beef jerky site http://www.choicebeefjerky.com.au
not a beef jerky site http://mycoolwheels.com/vote.cmks
most midwives do not have children
Navigation:
[Reply to this message]
|