The following code segment displays perfectly in Internet Explorer:
The t874 css code is in a file main.css with these settings:
And the 'allbuttons' class simply sets the width in the div to 350px.
The problem is the div section with class=allbuttons.
Under IE, this section displays to the right hand side of the main image. So there are a series of buttons and text below them, to the right hand side of the image.
When displayed in Firefox/Netscape it displays this div section below the image, instead of to the right.
Does anyone have any advice?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>test</TITLE>
<!--[if IE]>
<![endif]-->
<!--[if lt IE 7]>
<![endif]-->
</HEAD>
<BODY>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="874px;>
<tr><td>
<br />
<div class="offtitle" style="text-align:center !important">
<span class="title2">
Apartment (Off-plan) - This is the new prop with pdf </span>
</div>
</td></tr>
<tr>
<td>
<div class="offer0">
<img src="developments/image.jpg" alt="This is the new prop with pdf" width="400" class="bigimg" />
<div class="spacer"> </div>
<div class="allbuttons">
<a href=new-property-18-add-5.html><img src="elements/save.gif" class="button" style="margin-top:15px" alt="" /></a><br /><a href="edit.php?id=18&mode=newp&redir=off"><img src="elements/editoffer.gif" alt="" class="button" /></a><br /><a href=print-new-property-18.html><img src="elements/printoffer.gif" class="button" alt="" /></a>
<br /><a href="development_plans/brochure18.pdf" target="_blank"><img src="elements/view_brochure.gif" class="button" alt="View commercial plan" /></a><br /><br /><a href="[URL unfurl="true"]http://www.abc.com/test/sendtofriend.php?objid=18&mode=newp"><img[/URL] src="[URL unfurl="true"]http://www.abc.com/test/elements/sendtoafriend.gif"[/URL] class="button" alt="" /></a><br /><a href="[URL unfurl="true"]http://www.abc.com/test/sendmail.php?objid=18&mode=newp&to=5"><img[/URL] src="elements/sendmessage.gif" class="button" alt="" /></a><br /><a href="javascript:popUp('[URL unfurl="true"]http://www.abc.com/test/seller.php?id=5&redir=sell')"><img[/URL] src="elements/agdetails.gif" class="button" alt="" /></a><br /><br/><img src="comlogos/logo5.gif" width="125" class="button" /><br /><br /><strong class="m15a">Arrabu</strong> <br /><br />
<strong class="m15a">SALES PRICE RANGE FROM: €100000 TO €200000</strong><br /> <strong class="m15a">PROPERTY IS FOR SALE</strong><br />
<strong class="m15a">REF. ID: BM-NEWP-00000018</strong>
</div>
</div>
</td>
</tr>
</table>
</center>
</BODY>
</HTML>The t874 css code is in a file main.css with these settings:
Code:
table.t874{
width: 874px;
/*margin: 0px 63px 0px 63px !important;*/
}
table.t874 td{
border: 0px;
padding: 0px;
line-height: 16px;
font-size: 11px !important;
}
table.t874r{
border-color:#000000;
border-collapse:collapse;
/*margin: 0px 63px 0px 63px !important;*/
}
table.t874r td{
border-width:thin;
border-style:groove;
padding: 0px;
line-height: 16px;
font-size: 11px !important;
}
table.t874r th {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: black;
background-color: #006633;
}And the 'allbuttons' class simply sets the width in the div to 350px.
The problem is the div section with class=allbuttons.
Under IE, this section displays to the right hand side of the main image. So there are a series of buttons and text below them, to the right hand side of the image.
When displayed in Firefox/Netscape it displays this div section below the image, instead of to the right.
Does anyone have any advice?