border-left IE and FF

Discussion in 'CSS' started by slaper, Jul 3, 2008.

  1. #1
    hello,
    I have a problem with IE, see the code here below.
    I want the links on the left side but on FF it is ok but not on IE. There is a difference of 1.5cm of the line in IE and FF.
    Can somebody help?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <HEAD>

    <style type="text/css">

    .inside {
    border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
    border-right: 1px solid #C00000;/* YCC: color & properties of the right-borderline */
    background: #EFEFEF; /* YCC: background-color of the inside */
    color: #000000; /* YCC: default text-color of the inside */
    padding-left: 10px; /* YCC: all texts at some distance of the left border */
    padding-right:10px; /* YCC: all texts at some distance of the right border */
    }
    .inside ul{
    list-style:none;
    padding:0px 0px 0px 0px;
    font-family:Georgia;font-size:13px;}
    .inside ul a{
    color :#000000 ;
    text-decoration :none ;
    display:block;
    padding:0px 0px 0px 0px;}
    .inside ul a:hover{
    background:url('jpg/glow-ani.gif') 50% 0;}
    </style>
    </HEAD>
    <BODY>


    <div class=inside>
    <h2 align=center class="notopgap">Overzicht</h2>
    <ul>
    <li><A HREF="Start.php" TARGET="hoofdframe">&raquo;&nbsp;Algemeen</A>
    <li><A HREF="dag_overzicht.php">&raquo;&nbsp;Dag overzicht</A>
    <li><A HREF="maand_overzicht.php" TARGET="hoofdframe">&raquo;&nbsp;Maand overzicht</A>
    <li><A HREF="jaar_overzicht.php" TARGET="hoofdframe">&raquo;&nbsp;Jaar overzicht</A>
    <li><A HREF="totaal_overzicht.php" TARGET="hoofdframe">&raquo;&nbsp;Totaal overzicht</A>
    <li><A HREF="links.php" TARGET="hoofdframe">&raquo;&nbsp;Links</A>
    <li><A HREF="http://slaper.mygb.nl/" TARGET="hoofdframe">&raquo;&nbsp;Gastenboek</A>
    <li><A HREF="mailto:dslaper@gmail.com">&raquo;&nbsp;Webmaster</A>
    </ul>
    <p class="nobottomgap"></p>
    </div>


    </BODY>
    </HTML>
     
    slaper, Jul 3, 2008 IP
  2. greboguru

    greboguru Member

    Messages:
    78
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #2
    Hi,

    Suspect that it the padding or margin on the <ul> elements. Try reseting these to 0 by modding the CSS. You could try

    
    *
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    }
    
    Code (markup):
    which will reset all the margin, padding and border values to 0 or you could be more specific

    
    .inside ul
    {
    	margin: 0;
    }
    
    Code (markup):
    anyway just a thought off the top of my head :)

    Let me know how you get on.

    gG
     
    greboguru, Jul 3, 2008 IP
  3. slaper

    slaper Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks, it is working like you sayed. margin:0;

    th
    slaper
     
    slaper, Jul 4, 2008 IP