<!-- m --><a class="postlink" href="http://www.hostreviewers.com/hostrev/">http://www.hostreviewers.com/hostrev/</a><!-- m -->
Works how I want it to in IE but when I check the same page out in Firefix it doesn't look how I want it to look. HELP!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<title>Your page title goes here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
background: #DBEBF5;
margin: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5D6882;
}
#wrapper {
width: 770px;
background: #CCE3F1 url(./images/leftcolumn.gif) repeat-y;
border-right: 1px solid #B0CCDD;
}
#leftcolumn {
width: 285px;
}
#leftcolumninner {
background: #EAF0FF;
width: 265px;
margin: auto;
}
#box {
width: 236px;
background: #FFF url(./images/box_start.gif) top no-repeat;
margin: auto;
margin-top: 16px;
margin-bottom: 0px;
color: #6F8299;
}
#boxend {
width: 236px;
background: #FFF url(./images/box_end.gif) top no-repeat;
margin: auto;
margin-bottom: 6px;
height: 9px;
}
#leftcolumnend {
width: 265px;
background: transparent url(./images/leftcolumnend.gif) top no-repeat;
margin: auto;
margin-bottom: 8px;
height: 4px;
}
#box h1 {
color: #6298D5;
font-weight: bold;
font-size: 11px;
padding-top: 7px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
}
#box p {
color: #6F8299;
margin-top: 7px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}
.il {
margin-left: 14px;
margin-bottom: 15px;
}
.ir {
margin-left: 4px;
margin-bottom: 15px;
}
#strip {
background: transparent url(./images/strip.gif) top repeat-x;
height: 40px;
width: 770px;
border-right: 1px solid #5878C4;
}
-->
</style></head>
<body>
<div id="strip"></div>
<div id="wrapper"><div id="leftcolumn"><div id="leftcolumninner"><div id="box"><h1>Elixant.com</h1><p>For many years Elixant has been the solid provider of hosting solutions based both in the US and the UK.</p></div><div id="boxend"><!-- --></div>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/visit.gif" alt="" border="0" class="il"></a><a href="#"><img src="images/reviews.gif" alt="" border="0" class="ir"></a><div id="box"><h1>Elixant.com</h1><p>For many years Elixant has been the solid provider of hosting solutions based both in the US and the UK.</p></div><div id="boxend"><!-- --></div>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/visit.gif" alt="" border="0" class="il"></a><a href="#"><img src="images/reviews.gif" alt="" border="0" class="ir"></a></div><div id="leftcolumnend"><!-- --></div>
</div></div>
</body>
</html>
Ps. If you see any other bad coding by me, please tell me.
Thanks in advance,
Sam GrangerThe following post won't solve your problem. I'm at work and don't have the time but the post brings up some ideas that will help you trouble shoot the problem yourself. <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showpost.php?p=462307&postcount=2the">http://www.webdeveloper.com/forum/showp ... count=2the</a><!-- m --> #box using margin-top:16px pushes down the whole box from the top in Firefox.
If that纾
Works how I want it to in IE but when I check the same page out in Firefix it doesn't look how I want it to look. HELP!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<title>Your page title goes here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
background: #DBEBF5;
margin: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5D6882;
}
#wrapper {
width: 770px;
background: #CCE3F1 url(./images/leftcolumn.gif) repeat-y;
border-right: 1px solid #B0CCDD;
}
#leftcolumn {
width: 285px;
}
#leftcolumninner {
background: #EAF0FF;
width: 265px;
margin: auto;
}
#box {
width: 236px;
background: #FFF url(./images/box_start.gif) top no-repeat;
margin: auto;
margin-top: 16px;
margin-bottom: 0px;
color: #6F8299;
}
#boxend {
width: 236px;
background: #FFF url(./images/box_end.gif) top no-repeat;
margin: auto;
margin-bottom: 6px;
height: 9px;
}
#leftcolumnend {
width: 265px;
background: transparent url(./images/leftcolumnend.gif) top no-repeat;
margin: auto;
margin-bottom: 8px;
height: 4px;
}
#box h1 {
color: #6298D5;
font-weight: bold;
font-size: 11px;
padding-top: 7px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
}
#box p {
color: #6F8299;
margin-top: 7px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}
.il {
margin-left: 14px;
margin-bottom: 15px;
}
.ir {
margin-left: 4px;
margin-bottom: 15px;
}
#strip {
background: transparent url(./images/strip.gif) top repeat-x;
height: 40px;
width: 770px;
border-right: 1px solid #5878C4;
}
-->
</style></head>
<body>
<div id="strip"></div>
<div id="wrapper"><div id="leftcolumn"><div id="leftcolumninner"><div id="box"><h1>Elixant.com</h1><p>For many years Elixant has been the solid provider of hosting solutions based both in the US and the UK.</p></div><div id="boxend"><!-- --></div>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/visit.gif" alt="" border="0" class="il"></a><a href="#"><img src="images/reviews.gif" alt="" border="0" class="ir"></a><div id="box"><h1>Elixant.com</h1><p>For many years Elixant has been the solid provider of hosting solutions based both in the US and the UK.</p></div><div id="boxend"><!-- --></div>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="images/visit.gif" alt="" border="0" class="il"></a><a href="#"><img src="images/reviews.gif" alt="" border="0" class="ir"></a></div><div id="leftcolumnend"><!-- --></div>
</div></div>
</body>
</html>
Ps. If you see any other bad coding by me, please tell me.
Thanks in advance,
Sam GrangerThe following post won't solve your problem. I'm at work and don't have the time
but the post brings up some ideas that will help you trouble shoot the problem yourself. <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showpost.php?p=462307&postcount=2the">http://www.webdeveloper.com/forum/showp ... count=2the</a><!-- m --> #box using margin-top:16px pushes down the whole box from the top in Firefox.If that纾