Hi,
I am new in css and html, and trying to set up a page with a fixed size of a page.
I basically set up a position of a table using this
<body>
<div class="boxleft">
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
<div class="boxright">
<select>
<option value="a">A</option>
<option value="b">B</option>
</select>
</div>
</body>
<style type="text/css">
div.boxleft
{
float: left;
padding: 25px;
}
div.boxright
{
position: absolute;
right: 5px;
top: 150px;
width: 140px;
}
body
{
margin-top: 1px;
margin-right: 700px;
margin-bottom: 10px;
margin-left: 10px;
}
</style>
and it is shown perfectly in google chrome. The two box allign with each other on the middle.
However, in internet explorer, the boxright is shown as out of the frame (shown on very right), where there is suddenly a draggable bar from left to right in the bottom of the page.
How can I fix this in internet explorer, so it does not show a draggable bar that extends the page to the right (and will show perfectly like in google chrome).
I am using internet explorer 7, and google chrome 7.0
thank you for any guidance..