View Full Version : Help with CSS Script

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



<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" />


<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 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 id="basket-2-main-middle">
Total value: <b>23.50</b>


<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">

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






#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.

07-15-2007, 07: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.