Forum Moderators: not2easy
< no personal links, sorry. See Forum Charter [webmasterworld.com] >
Scroll down to Footer side and you will notice the problem. I tried searching a lot but cannot find any clear answer to this so i decided to post it over here.
Please advice,
Thanks!
[edited by: tedster at 4:48 pm (utc) on Oct. 15, 2009]
It could be any of several things working against each other.
My recommendation is to strip the HTML and CSS down to the problem itself. If the fix is not found during this process, post the test ready code that replicates the problem and we will look at the options.
I am so much tired of this, whenever i use CSS, i run into weird problems :(
Please advice, thanks a lot!
<!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=utf-8" />
<title>Untitled Document</title>
</head>
<body style="background-color:#000000; margin:0px; padding:0px;"> <!-- Start of Body -->
<div id="body" style="width:977px;margin-left:auto;margin-right:auto;">
<div>
<!--Left Column Begins-->
<div style="float:left;width:189px;height:100%;">
<div>
<div style="background-image:url(images/left_top.gif);height:38px;"> </div>
<div style="background-color:#171E37;padding-left:20px;font-family:Trebuchet MS, Arial, SansSerif;color:#ffffff; font-size:12px;">
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
This is the left side text. <br>
</div>
<div style="background-image:url(images/left_bottom.gif);height:17px;"> </div>
</div>
<div style="margin-top:10px;height:203px;background-image:url(images/gareente.gif);"> </div>
</div>
<!--Left Column Ends-->
<!-- Right Column / Product Info Section -->
<div style="float:right;width:751px;height:213px;">
<div style="background:url(images/top_blank.gif) no-repeat top left; background-color:#171E37;padding:10px 25px 0px 25px;font-family:Trebuchet MS, Arial, SansSerif;color:#F1DC8B; font-size:12px; text-align:justify;">
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
This is the Product info text on right side. <br><br>
</div>
<div style="background-image:url(images/right_bottom.gif);height:17px;"> </div>
</div>
<!-- Right Column / Product Info Section Ends -->
</div>
</div>
<!-- End of Body -->
<!--Footer Starts Here-->
<div style="clear:both;height:66px; background-image:url(images/bgline.gif); background-position:center; margin-top:20px; text-align:center">
<img src="images/call_us_now.gif" alt="CALL US NOW: 1-888-888-8888 ¦ 999-999-9999" width="309" height="60" />
</div>
<div style="height:310px; background-color:#0D111F;">
This is the footer text. <br>
This is the footer text. <br>
This is the footer text. <br>
This is the footer text. <br>
This is the footer text. <br>
This is the footer text. <br>
This is the footer text. <br>
</div>
<!--Footer Ends Here-->
</body>
</html>
[edited by: swa66 at 7:28 pm (utc) on Oct. 15, 2009]
[edit reason] No specifics please [/edit]