Coding Problem...

**Recursion** · 02-06-2007, 02:59 PM

Hello,

This happens in IE:

The bit in the red box should join (the dotty bit with the blank line), it joins in FF but not IE.

PHP Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>HabboLab</title>
<style type="text/css">
<!--
body {
        margin: 0px;
        background: url(images/bottom_BG.gif) fixed bottom #69a8dc;
        background-position: bottom;
        background-repeat: repeat-x;
        height: 100% auto;
}
#hm {
        height: 100%;
        float: left;
}
#left {
    float: left;
    width: 143px;
    height: inherit;
}
#right {
        float: left;
        width: 410px; 
        font-family: "Tahoma", Verdana;
        font-size: 10px;
}
#top_left {
        background-image: url(images/top_left.gif);
        width: 143px;
        height: 14px;
        text-align: center;
        font-family: "Tahoma", Verdana;
        font-size: 10px;
        color: #FFFFFF;
        font-weight: bold;
}
#top_left_below {
        background-image: url(images/top_left_bot.gif);
        height: 179px;
        padding-left: 4px;
        font-family: "Tahoma", Verdana;
        font-size: 10px;
        color: #FFFFFF;
}
#left_title {
        background-image: url(images/left_title_bg.gif);
        height: 15px;
        text-align: center;
        font-family: "Tahoma", Verdana;
        font-size: 10px;
        color: #FFFFFF;
        font-weight: bold;
        padding-top: 2px;
}
#left_second {
        background-image: url(images/left_bg.gif);
        padding-left: 4px;
        font-family: "Tahoma", Verdana;
        font-size: 10px;
        color: #FFFFFF;
        padding-top: 4px;
        /* NOT WORKING IN IE */
        min-height: 230px;
}
#left_third {
        background-image: url(images/left_third.gif);
        /* DOESNT WORK IN IE */
        min-height: 167px;
        text-align: center;
}
/* Small box #1 */
#box {
        padding-top: 30px;
        padding-left: 8px;
        text-align: center;
        font-family: "Tahoma", Verdana;
        font-size: 10px;
}
#box_top {
        background-image: url(images/third_box_top.gif);
        background-position: bottom;
        background-repeat: no-repeat;
        width: 123px;
        height: 6px;
}
#box_mid {
        background-image: url(images/third_box_mid.gif);
        width: 123px;
}
#box_bot {
        background-image: url(images/third_box_bot.gif);
        width: 123px;
        height: 6px;
        background-position: top;
        background-repeat: no-repeat;
}
/* Right */
#banner {
    background-image: url(images/banner.gif);
    width: 410px;
    height: 123px;
    margin: 0px;
    padding: 0px;
}
.content_mid {
        background-image: url(images/content_mid.gif);
        width: 398px;
        padding-right: 4px;
        padding-left: 8px;
        padding-top: 6px;
}
#content_top {
        background-image: url(images/content_top.gif);
        background-position: bottom;
        background-repeat: no-repeat;
        height: 10px;
}
#break {
        background-image: url(images/three_breal.gif);
        background-repeat: no-repeat;
        height: 5px;
}
#banner_below {
    background-image: url(images/content_top.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 10px;
    margin: 0px;
    padding: 0px;
}
-->
</style>
</head>
 
<body>
 
<div id="hm">
<div id="left">
 
    <div id="top_left">lol</div>
 
    <!-- First left box -->
    <div id="top_left_below">
 
        iyar!!
 
    </div>
    <!-- / First left box -->
 
    <!-- Second box title -->
    <div id="left_title">
        lol
    </div>
    <!-- / Second box title -->
 
    <!-- Second left box -->
    <div id="left_second">
        lol
    </div>
    <!-- / Second left box -->
 
    <!-- Third left box -->
    <div id="left_third">
 
    <div id="break"></div>
 
        <!-- Box container -->
        <div id="box">
 
            <div id="box_top"></div>
 
            <!-- Box MID -->
            <div id="box_mid">
 
                <!-- Stuff in middle box -->
 
                    lul
 
                <!-- / Stuff in middle box -->
 
            </div>
            <!-- / Box MID -->
 
            <div id="box_bot"></div>
 
        </div>
        <!-- / Box container -->
 
    </div>
    <!-- / Third left box -->
 
</div>
</div>
 
<!-- RIGHT -->
<div id="right">
 
        <div id="banner"></div>
 
        <!-- below -->
            <div id="banner_below"></div>
        <!-- / below -->
 
        <!-- Content mid -->
        <div class="content_mid">
 
        <!-- Content -->
 
            lol
 
        <!-- / Content -->
 
        </div>
        <!-- / Content mid -->
 
        <img src="images/content_bot.gif" alt="" />
 
        <br /><br />
 
        <!-- Box 2 -->
        <div id="content_top"></div>
 
        <div class="content_mid">
 
            <!-- Content box 2 -->
 
            lol
 
            <!-- / Content box 2 -->
 
        </div>
 
        <img src="images/content_bot.gif" alt="" />
 
        <br /><br />
 
        <div id="disclaimer">
 
        <center>
            Coded by <strong>Invent! </strong>of<strong> Habbo UK 
            </strong>
        </center>
 
        </div>
 
</div>
<br />
<!-- / RIGHT -->
 
 
</body>
</html>

Kindly coded by Invent

;; Tom

Moved by opensourcehost (Forum Moderator) from Web Designing: Please post in the correct forum next time, thanks .

**Recursion** · 03-06-2007, 12:05 PM

BUMPERIFIC!

I really need this

Edited by opensourcehost (Forum Moderator): Please do not double post.

Thread: Coding Problem...

Thread Tools

Coding Problem...

Posting Permissions