Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member tekp's Avatar
    Join Date
    Jan 2004
    Location
    A small village near a small city near a small cit
    Posts
    918
    Member #
    4667
    Liked
    1 times
    Okay, if you view this page in Firefox and in IE, you see different things (well, obviously, it's IE):

    http://www.tekponline.com/tekp/about/

    The box on the left hand side stretches out to the left hand edge of the page in IE. Now, the odd thing is that if you take out the two bits of content in the right hand box:

    http://www.tekponline.com/tekp/about2/

    It works fine... but the bit you're taking out is only this:

    HTML Code:
    <div class="side">
    <h4>About...</h4>
    <ul class="">
     <li><a href="/tekp/about/thewebsite" class="thewebsite">About the Website</a></li>
     <li><a href="/tekp/about/me" class="me">About Me</a></li>
     <li><a href="/tekp/about/me" class="me">About Me</a></li>
     <li><a href="/tekp/about/me" class="me">About Me</a></li>
    </ul>
    </div>
    
    <div class="side">
    <h4>Alternatively...</h4>
    <div>
     <p>You can e-mail me at <a href="mailto:tom@tekponline.com">tom@tekponline.com</a></p>
    </div>
    </div>
    and the CSS for this bit is:

    Code:
       .side {
        width:160px;
        text-align:left;
        padding:0;
        margin:0 20px 20px 20px;
        float:right;
       }
    
       .side h4 {
        height:15px;
        padding:5px 10px;
        margin:0 0 0 0;
        background:#F5F5F5 url('../../images/layout/navigationbg.gif') 0 50% repeat-x;
        border:1px solid #bbb;
            font-size:1em;
       }
    
       .side div {
        border:1px solid #ddd;
       }
    
       .side ul,
       .side div {
        border-top:none;
        padding:0;
        background-color:#fcfcfc;
       }
    
       .side ul,
       .top ul {
        border-bottom:none;
            padding:10px;
       }
    
       .side ul li,
       .top ul li {
          list-style:none;
            padding:5px 0;
       }
       .side ul li a,
       .top ul li a {
       }
    
       .side .me li .me,
       .side .thewebsite li .thewebsite {
        font-weight:bold;
        padding:7px 10px;
        font-size:1.2em;
       }
    
       .side div p {
        padding:5px 10px;
        font-size:0.9em;
        text-align:left;
       }
    (the full CSS can be viewed at: http://www.tekponline.com/tekp/includes/css/style.css)

    Stupid IE... *shakes fist*

    Any ideas?

    Thanks
    tekp :cheeky: tekponline.com

  2.  

  3. #2
    Junior Member kirby145's Avatar
    Join Date
    Dec 2006
    Posts
    22
    Member #
    14468
    Here's ideas" more like "tweaks"

    { margin: 0pt;
    padding: 0pt;
    }

    body { padding: 0pt 100px;
    background-color: rgb(254, 254, 254);
    background-image: url(../../images/layout/background.gif);
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 0.75em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(119, 119, 119);
    text-align: center;
    }

    .container { border: 1px solid red;
    margin: 50px 0pt;
    width: 100%;
    }

    .right { width: 200px;
    float: right;
    }

    .left { margin-right: 220px;
    position: relative;
    }

    :laugh:

  4. #3
    Junior Member kirby145's Avatar
    Join Date
    Dec 2006
    Posts
    22
    Member #
    14468
    in other words i was able to fix it by giving .container a width. i gave it 100% you may want to use less
    :laugh:

  5. #4
    Senior Member tekp's Avatar
    Join Date
    Jan 2004
    Location
    A small village near a small city near a small cit
    Posts
    918
    Member #
    4667
    Liked
    1 times
    Ahh thank you

    What does position:relative; achieve on the .left div in this case, just out of curiosity...?
    tekp :cheeky: tekponline.com


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:38 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com