newbie: css problem!

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>


.

Relevant Pages

  • comp.lang.javascript FAQ - Quick Answers 2008-10-13
    ... Javascript Tips ... _How can I disable the back button in a web browser_? ... _How do I check to see if a child window is open, ... upon the cache headers that your server sends. ...
    (comp.lang.javascript)
  • Re: Page layout for tubie pages on the net Re: Deep Space 845 55WSET amps.
    ... picture on the right ... Just to add a bit of explanation, the viewing browser might have ... browser will then word wrap to the viewer's window. ... in one cell and the text in another. ...
    (rec.audio.tubes)
  • Re: Clear all optgroups and options from a select list
    ... could not drag one window over the contents of another because the mouse ... responsive in either major browser. ... As far as the javascript ... specification is concerned the implementations that assert that they ...
    (comp.lang.javascript)
  • David Marks Javascript Tip Du Jour - Volume #1 - Tip #5678 - How to Determine Positions
    ... Determining the position of elements relative to the window is mostly ... Use the getBoundingClientRect method. ... So this method is supported by virtually every browser in use today ... The libraries haven't ...
    (comp.lang.javascript)
  • Re: NXP Gone mad
    ... responsible for the development of the new NXP site. ... displayed in a new window. ... - the NXP web site is particuarly Browser ... In one browser on visting the website after the SECOND invitation to the ...
    (comp.arch.embedded)