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!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

small gap in ie div, again

Status
Not open for further replies.

junglist666

Technical User
Mar 9, 2006
25
GB
hi, i would like to draw your attention to this page
http://bb.1asphost.com/antonyx6/falconwood/index.htm

in firefox it looks fine.. in IE the little map on the right hand side next to the logo has a little gap..

i want it to hug the right hand side.

ive tried various aligns.. and so on, and cant get it to work in IE.. anyone know how to do it.. here is my code

thanks in advance

stylesheet
Code:
body {margin:0; padding:0; background-color:#fff;}

div#wrap {width:750px; position:absolute; left:50%; margin: 0 0 0 -375px; border:1px solid #591409; padding:0; background:#ffffff;}

div#second {width:750px; height:37px; background:#591409;}

div#third {width:750px; height:146px; background:#ffffff; margin:0px; padding:0px;}

div#fourth {width:750px; height:37px; background:#591409;}

div#bleft {width:180px; background:#fff; float:left; text-align:left;}

div#bright {width:570px; background:#fff; float:right; text-align:left;}

img.logo {margin-left:38px; margin-top:33px; float:left; text-align:left;}

img.map {margin-left:0px; margin-top:0px; float:right; text-align:right;}

img.profile {margin-top:70px;}

img.history {margin-top:8px;}

img.property {margin-top:8px;}

img.contact {margin-top:8px;}

and the page
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Falconwood Estates</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrap">

<div id="second">
</div>

<div id="third">
<img class="map" src="map.jpg"/>
<img class="logo" src="logo.jpg"/>

</div>
<div id="fourth">
</div>

<div id="bleft">
<img class="profile" src="profile.jpg"/>
<img class="history" src="history.jpg"/>
<img class="property" src="property.jpg"/>
<img class="contact" src="contact.jpg"/>
</div>

<div id="bright">
</div>

</div>
</body>
</html>
 
To remove the gap, add an hspace attribute with value of 0 to your map image:

Code:
<img class="map" src="map.jpg" [!]hspace="0"[/!] />

You should also make your DOCTYPE complete by specifying a URL to a DTD in it.

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
thanks, the hspace worked..

but could you show me the most recent and compatible line of url code to place in my declaration, if its not to much trouble,
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top