100% width div in IE5.5

**billybofh** · 04-17-2003, 03:59 AM

Hi,
This may have been asked before, but I've searched the web and usenet and not found an obvious answer...

I have the following (cut-down) html :

-----------------

<html>
<head>
<title>Morgans Website</title>
<style type="text/css">

#inner3 {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
border-top: 1px solid #BB88EE;
border-bottom: 1px solid #BB88EE;
}

</style>
</head>
<body bgcolor="white">

<div id="inner3">
Hello
</div>

</body>
</html>

-----------------

In Mozilla & Konqueror it displays as I expect - 100% of the screen width, but in IE5.5 (the only one I have here) and Opera 6 it seems to be using only about 95% of the screen width.

Does anyone know if there's a work-around for this?

Billy.

**gil davis** · 04-17-2003, 07:47 AM

It has to do with the scrollbar. IE always leaves room for it unless you tell the body that you never want to scroll.

The problem stated simply, is how they define "100% of what". It is supposed to be 100% of the container. A handy illustration can be found at http://msdn.microsoft.com/workshop/A.../measuring.asp

**billybofh** · 04-17-2003, 08:28 AM

I've tried setting the body with an "overflow: hidden", but it makes no odds..., no scrollbar, but still a gap at the right of the screen...

Or am I missing something else?

**gil davis** · 04-17-2003, 08:52 AM

Try adding

Code:

<style>
body {overflow: hidden; margin: 0px}
</style>

**billybofh** · 04-17-2003, 08:54 AM

It works!

Hoorah for you! :-)

Thanks for the help :-)

Thread: 100% width div in IE5.5

Thread Tools

Display

Hybrid View

100% width div in IE5.5

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions