Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2006
    Thanked 0 Times in 0 Posts

    Help with CSS Script

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






    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.

  • #2
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    California, US
    Thanked 3 Times in 3 Posts
    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.
    Shared, reseller, semidedicated hosting and dedicated server plans.
    DirectAdmin • Installatron • Money-Back Guarantee • 24/7 Support
    Providing "Service Above All Else" since 2005.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts