Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

gap between div in ie

Options
  • 04-06-2011 4:42pm
    #1
    Keewee6
    Registered Users Posts: 287 ✭✭


    http://www.bailieborough.com/mcbtanks/ is getting there but there is a green gap between divs in ie not firefox

    HTML

    <html>
    <head>
    <title>Fuel Storage Tanks - MCB Tanks - Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="mcbtanks.css" rel="stylesheet" type="text/css">
    </head>
    <body topmargin="0" leftmargin="0">
    <div id="header">

    header</div>
    <div id="slideshow">slideshow</div>
    <div id="greenline">
    green line
    </div>
    <div id="date">Todays' Date is:
    <script language="JavaScript" type="text/JavaScript">
    var now = new Date();
    var days = new Array("Sunday", "Monday", "Tuesday" , "Wednesday", "Thursday" , "Friday", "Saturday" , "Sunday");
    var months = new Array("January", "February", "March", "April" ,"May" ,"June", "July", "August", "September", "October", "November", "December");
    var now = new Date();
    var yy = now.getYear();
    if (yy < 2000) yy += 1900;
    var mm = now.getMonth();
    mm = months[mm];
    var dd = now.getDate();
    var dy = now.getDay();
    dy = days[dy];
    document.write( dy +" "+ mm +" "+ dd +" "+ yy );
    </script>
    </div>
    <div id="menusystem">
    <a href="#">menu system</a><br>
    <a href="#">menu system</a><br>
    <a href="#">menu system</a><br>
    <a href="#">menu system</a><br>
    <a href="#">menu system</a><br>
    <a href="#">menu system</a><br>
    <a href="#">menu system</a><br>
    </div>
    <div id="content"> <img src="images/testpic.jpg" id="picone">Whatt is Lorem
    Ipsum?Lorem Ipsum is simply dummy text of. the printing andtypesetting industry.
    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
    when an unknown printer took a galley of type and scrambled it to make a type
    specimen book. It has survived not only five centuries, but also the leap
    into electronic typesetting, remaining essentially unchanged. It was popularised
    in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
    and more recently with desktop publishing software like Aldus PageMaker including
    versions of Lorem Ipsum. Why do we use it?It is a long established fact that
    a reader will be distracted by the readable content of a page when looking
    at its layout. lways free from repetition, injected humour, or non-characteristic
    words etc. its layout. lways free from repetition, injected humour, or non-characteristic
    words etc. its layout. lways free from repetition, injected humour, or non-characteristic
    words etc. its layout. lways free from repetition, injected humour, or non-characteristic
    words etc. its layout. lways free from repetition, injected. <br>
    <br>
    m has been the industry's standard dummy text ever since
    the 1500s, when an unknown printer took a galley of type and scrambled it
    to make a type specimen book. It has survived not only five centuries, but
    also the leap into electronic typesetting, remaining essentially unchanged.
    It was popularised in the 1960s with the release of Letraset sheets containing
    Lorem Ipsum passages, and more recently with desktop publishing software like
    Aldus PageMaker including versions of Lorem Ipsum. Why do we use it?It is
    a long established fact that a reader will be distracted by the readable content
    of a page when looking at its layout. lways free from
    repetition, injected humour, or non-characteristic words etc. its layout. lways free from
    repetition, injected humour, or non-characteristic words etc. its layout. lways free from
    repetition, injected humour, or non-characteristic words etc. its layout. lways free from
    repetition, injected humour, or non-characteristic words etc. its layout. lways free from
    repetition, injected
    </div>
    <div id="footer"><a href="http://www.bailieborough.com/webdesign&quot; target="_blank">Developed By Bailieborough ICT Web Design</a></div>

    </body>
    </html>

    CSS

    /**MCB Tanks Stylesheet**/
    body
    {
    margin-top: 0px;
    background-color: #006633;
    color:black;
    font-family: arial;
    font-size:13px;
    margin-right:0px;

    }
    #header
    {
    background-color: #ffff33;
    width:50%;
    float:right;
    margin-right:0px;
    text-align:right;
    display:block;
    padding-right:10px;
    height:200px;
    border:0px;
    }

    #content
    {
    padding-right:10px;

    background-color: #006633;
    float:right;
    text-align:justify;
    color:white;
    font-family: arial;
    width: 85%;
    }
    #menusystem
    {
    margin-top: 10px;
    float:left;
    width:10%;
    margin-bottom: 10px;
    height:100px;
    }
    #footer
    {
    bottom:0;
    clear:both;
    }
    a
    {
    text-decoration:none;
    color:blue;
    }
    #picone
    {
    float:left;
    margin-top: 10px;

    margin-bottom:17px;

    border-style:double;

    }

    #pictwo
    {
    float:right;
    margin-top: 1px;
    margin-left: 9px;
    margin-bottom:17px;
    border-style:double;
    }
    #date
    {
    text-align:right;
    font-weight: bold;
    color:white;
    margin-bottom:17px;
    padding-right:10px;

    }
    #gallery
    {
    margin-top: 15px;
    float:left;
    text-align:justify;
    }
    a
    {
    color:yellow;
    text-decoration:none;
    }

    #circimg
    {
    float:left;
    }
    #slideshow
    {
    background-color: #ffff33;
    height:200px;
    border:0px;
    margin-left:0px;
    }
    #footer
    {
    text-align:right;
    font-weight: bold;
    color:white;
    padding-right:10px;
    }


Comments

  • Options
    #2
    murphaph
    Registered Users Posts: 19,018 ✭✭✭✭murphaph


    Why did you start a new thread on this?

    original thread

    You got a solution from me for your first major problem on that site and I see you incorporated my suggestion but didn't bother even clicking "thanks", never mind replying so I'll let someone else go through and correct your code for you if they feel like it. I certainly don't.

    Manners cost nothing, even on the internet ;)


  • Options
    #3
    Keewee6
    Registered Users Posts: 287 ✭✭Keewee6


    murphaph wrote: »
    Why did you start a new thread on this?

    original thread

    You got a solution from me for your first major problem on that site and I see you incorporated my suggestion but didn't bother even clicking "thanks", never mind replying so I'll let someone else go through and correct your code for you if they feel like it. I certainly don't.

    Manners cost nothing, even on the internet ;)

    sorry i didnt mean to btw remember that yourself Manners cost nothing, ill get another solution thanks


  • Options
    #4
    Liam Byrne
    Closed Accounts Posts: 18,163 ✭✭✭✭Liam Byrne


    If it's IE6, try a display:inline on the floated elements


  • Options
    #5
    murphaph
    Registered Users Posts: 19,018 ✭✭✭✭murphaph


    I'm pretty sure it'll be IE7. Had this exact bug myself once with the "luminous green" stripes.


  • Options
    #6
    aidan_walsh
    Closed Accounts Posts: 17,208 ✭✭✭✭aidan_walsh


    murphaph wrote: »
    Why did you start a new thread on this?

    original thread

    You got a solution from me for your first major problem on that site and I see you incorporated my suggestion but didn't bother even clicking "thanks", never mind replying so I'll let someone else go through and correct your code for you if they feel like it. I certainly don't.

    Manners cost nothing, even on the internet ;)
    Keewee6 wrote: »
    sorry i didnt mean to btw remember that yourself Manners cost nothing, ill get another solution thanks

    If anyone has a problem with a post, report it and forget the snark.


  • Advertisement
  • Options
    #7
    Keewee6
    Registered Users Posts: 287 ✭✭Keewee6


    seems to be workin ok thanks for the help

    regards


Advertisement