annoying gap in IE whyyyyyyyyyyyyyyyy?

benluke4 · Feb 16, 2005

Hi im try to put a gif in the top right hand corner of another div. here's the code im using

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

#contentnvq {
	position: relative;
	height: 500px;
	width: 641px;
	margin: 0px;
	border-top: thin solid #00CCFF;
	border-right: thin solid #00CCFF;
	left: 0px;
	padding: 0px;

}

#login {
	position: absolute;
	height: 31px;
	width: 127px;
	float: right;
	right: 0px;
	top: 0px;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;

}
</style>
</head>

<body>
<div id="contentnvq"> 

  <div id="login"><img src="images_new/login.gif" width="127" height="31"></div>
</div>

</body>
</html>

Im getting a really annoying 1px gap in IE.

btw this is a snippet of the page im building didn't think i would need to post all the code.

Ive tested as above and im still getting the 1px gap

??????????????????

Thanks
Ben

BillyRayPreachersSon · Feb 16, 2005

Remove the "position: absolute;" from the #login CSS.

Hope this helps,
Dan

Rekcor · Feb 16, 2005

This worked at my pc:

Code:

#contentnvq {
    position: relative;

    height: 500px;
    width: 641px;

    left: 0px;

    margin: 0px;

    border-top: thin solid #00CCFF;
    border-right: thin solid #00CCFF;
}

#login {
    float: right;

    height: 31px;
    width: 127px;

    margin: 0px;
    padding: 0px;

    text-align: right;
}

I removed

Code:

position: absolute;
right: 0px;
top: 0px;

in #login. Because the login-div is set to float, absolute positioning isn't neccessary anymore.

As the padding of the parent div is set to 0, the login-div is put in the upper-right corner

benluke4 · Feb 16, 2005

Thanks alot solved

Ben

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

annoying gap in IE whyyyyyyyyyyyyyyyy?

benluke4

Technical User

BillyRayPreachersSon

Programmer

Rekcor

Programmer

benluke4

Technical User

Similar threads

Part and Inventory Search

Sponsor