Recursion
02-06-2007, 02:59 PM
Hello,
This happens in IE:
http://www.uploadz.co.uk/727problem.png
The bit in the red box should join (the dotty bit with the blank line), it joins in FF but not IE.
<!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 http://habboxforum.com/images/smilies/smile.gif.
This happens in IE:
http://www.uploadz.co.uk/727problem.png
The bit in the red box should join (the dotty bit with the blank line), it joins in FF but not IE.
<!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 http://habboxforum.com/images/smilies/smile.gif.