...

View Full Version : Help with CSS Script



davef101
07-14-2007, 09:35 AM
How can i stop the empty box on the right overlapping the box left ??

HTML:
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>RoadRunner Autoparts Ltd</title>
<link rel="stylesheet" type="text/css" href="common.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie.css" />
<![endif]-->

</head>

<body>
<div id="main">

<div id="header">

<div id="header-logo"></div>





<div id="login"></div>

<div id="basket-2">

<div id="basket-2-header">
Shopping Cart
</div>

<div id="basket-2-main">

<div id="basket-2-main-frame">

<div id="basket-2-main-top">
<b>2</b> item/s in your cart
</div>


<div id="basket-2-main-middle">
Total value: <b>23.50</b>
</div>

</div>

<div id="basket-2-main-bottom">
<a href="">
<img id="basket-2-main-checkout" src="http://www.carsparkplugs.com/images/basket-2-checkout.gif" width="142" height="22" border="0">
</a>
</div>

<div id="basket-2-main-icon">
<img src="http://www.carsparkplugs.com/images/basket-2-header-icon.gif" width="36" height="37">
</div>

</div>


</div>

</div>
</div>

</body>

</html>



IE CSS:
#main { width: 100%; height: 500px; position: absolute; }

#header { height: 110px; }

#header-logo { border: 1px solid #000; height: 110px; width: 650px; background: url('logo.jpg') no-repeat; }


#login { padding-left: 2px; border: 2px solid #000; width: 250px; height: 110px; position: absolute; top: 0px; right: 160px; }

#basket-2 { width: 150px; position: absolute; top: 0px; right: 0px; }

#basket-2-header { font: 12px verdana; color: #fff; padding: 7px; height: 15px; background: url('basket-2-header.gif') no-repeat; }

#basket-2-main { padding: 0px; margin-top: 0px; border: 2px solid #000; }

#basket-2-main-frame { font: 10px verdana; text-align: center; margin: 1px; border: 1px solid #696969; padding: 3px; }

#basket-2-main-top { padding-top: 5px; padding-bottom: 4px; font: 10px verdana; text-align: center; border-bottom: 1px solid #696969; }

#basket-2-main-middle { padding-top: 6px; padding-bottom: 2px; }

#basket-2-main-bottom { text-align: center; margin-bottom: -3px; }

#basket-2-main-checkout { border: 1px solid #696969; margin-bottom: -2px; }

#basket-2-main-icon { position: absolute; margin-top: -104px; margin-left: 107px; }

Thanks in advance.

kewlceo
07-15-2007, 06:05 AM
Really best to provide a link so that we can use diagnostic tools to help troubleshoot, but when you're going to post code, please use the code tags in the editor.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum