Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with CSS Script

    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.

  • #2
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    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.
    UBERHOST.NET
    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
    •