SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Horizontal scrollbars keep showing up.

    <table width="100" border="0" cellspacing="0" cellpadding="0" bordercolor="#FF0033" bgcolor="#FFFFFF" id="menudescription">

    <table width="20" border="0" cellspacing="0" cellpadding="0" bordercolor="#FF0033" bgcolor="#FFFFFF" style=" position:relative; left:194px; top:200px;"><td></td>
    <td style="position:relative; width:auto; height:auto;"></td>
    </table></table>
    <table width="0" border="0" cellspacing="0" cellpadding="0" bordercolor="#FF0033" bgcolor="#FFFFFF" id="menudescription2"><td style="float:left; position:relative; left:0px; top:0px; height:2px;"><img src="../images/spacer.gif" alt="mn" height="8" width="800" /></td></table><table width="0" border="0" cellspacing="0" cellpadding="0" bordercolor="#FF0033" bgcolor="#FFFFFF" id="menudescription3"><td style="float:left; position:relative; left:155px; top:0px;"><img src="../images/CaridadKBBanner.gif" alt="bf" width="480" height="70" /></td></table>
    <table width="0" border="0" cellspacing="0" cellpadding="0" bordercolor="#FF0033" bgcolor="#FFFFFF" id="menudescription"><td height="104" style="float:left; position:relative; left:0px; top:0px; height:2px;"><img src="../images/spacer.gif" alt="re" height="10" width="800" /></td>


    CSS Style below

    #menudescription{ height:40%; width:100%; position:absolute; top:340px; left:190px; }
    #menudescription2{ height:40%; width:100%; position:absolute; top:230px; left:190px; }


    I have the tables above set up in my script but some how it is throwing off the styling by activating the horizontal scrollbars in the windows and making the windows not look nice..

    Any suggestions?

    I have been reading about the containing block and the elements inside and how should they be set up. I have set up the containing element to 100% percent here but still is not working the horizontal scrollbar still appears

    Help.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Of course it is. You set the tables to be 100&#37; wide yet you offset them from the left in your CSS. That is causing the scrollbars.
    Code:
    #menudescription{ height:40%; width:100%; position:absolute; top:340px; left:190px; }
    #menudescription2{ height:40%; width:100%; position:absolute; top:230px; left:190px; }
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Wizard co.ador's Avatar
    Join Date
    Apr 2009
    Posts
    1,054
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In that case should I take out the offset from t he left values?

    left:190px;

  4. #4
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,287
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    ^ ...OR make your tables less wide. Either one.

  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Yes taking out the offset properties should work because right now its addnig up to so..
    100&#37;+140px;
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Bookmarks

Posting Permissions

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