...

View Full Version : My box breaks up in IE - please help !!



jeddi
10-23-2006, 06:39 AM
Hello

I am using some css to produce round-cornered boxes and most are
fine in both IE and Moz FF but THIS code breaks up in IE: :mad:

The problem can be seen at:

www.yodbod.com then click on "Local Services".

The top central selection boxes' box is broken in IE.
( the bottom falls down a line and there is an extra line at the top making it too high)

Can anyone please tell me how to fix it - it is strange cos all the other boxes are fine

ALSO in Moz FF the boxes (for this sort/select box) are slimmer - why have the IE ones got bigger margins ? :(

Here is the css:




.zsnazzy h1 {margin:0; font-size:1.2em; padding:0 20px 5px 10px; border-bottom:1px solid #444;}
.zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.zsnazzy {float:left; background: transparent; width:710px; height:100px; margin-right:10px;}
.ztop, .zbottom {display:block; background:transparent; font-size:1px;}
.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden;}
.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background:#3af; border-left:1px solid #3af; border-right:1px solid #3af;}
.zb1 {margin:0 5px; background:#3af;}
.zb2 {margin:0 3px; border-width:0 2px;}
.zb3 {margin:0 2px;}
.zb4 {height:2px; margin:0 1px;}
.zboxcontent {display:block; background:#3af; border:0 solid #3af; border-width:0 1px;}
.zcolor_a {background:#3af; color:#fff;}

And this is my html ( with some php which you can ignore)




<div class="sorty">
<div class="zsnazzy">
<b class="ztop"><b class="zb1"></b><b class="zb2 ycolor_a"></b><b class="zb3 ycolor_a"></b><b class="zb4 ycolor_a"></b></b>
<div class="zboxcontent" >

<form action="<?php echo "$yol" ;?>a_run_top.php" method="post" >
<div>
<input type="hidden" name="x_ow" value= "<?php echo "$N_ow" ;?>" >
<input type="hidden" name="selector" value="yes" >
<input type="hidden" name="section" value="<?php echo "$section"; ?>" >
<input type="hidden" name="pg_ctr" value=1 >
<input type="hidden" name="start" value=0 >
<input type="hidden" name="x_yct" value="<?php echo "$N_yct"; ?>" >
<input type="hidden" name="x_yct_op" value="<?php echo "$N_yct_op"; ?>" >
</div>
<table class = "srt_table" border="0" cellpadding="1" cellspacing="0" >
<tr class = "srt_row" >
<td><select name="x_city">
<?php
foreach($cities as $field => $value){

if ($N_city == $field){
echo "
<option value = {$field} selected= \"selected\" >$value </option>";
}// endif
else {
echo "<option value = {$field}>$value</option>";
}// end else
}// end for loop
?>
</select></td>

<td><select name="x_area">
<?php
foreach($area as $field => $value){

if ($N_area == $field){
echo "
<option value = {$field} selected= \"selected\" >$value </option>";
}// endif
else {
echo "<option value = {$field}>$value</option>";
}// end else
}// end for loop
?>
</select></td>

<td><select name="x_cat">
<?php
while($row = mysql_fetch_assoc($result))
{
if ($N_cat == $row['code']){
echo "
<option value='{$row['code']}' selected= \"selected\" >{$row['cat']}</option>\n";
}// endif
else {
echo "<option value='{$row['code']}'>{$row['cat']}</option>\n";
}// end else
} // end while
?>
</select></td>

<td>
<?php
if($sorter == "comp"){
echo "
<td class = 'srt_row'>Company</td><td><input type='radio' name = 'sorter' value = 'comp' checked ></td>
<td>Type</td><td><input type='radio' name = 'sorter' value = 'cat_cd'></td>
<td>Location</td><td><input type='radio' name = 'sorter' value = 'loc_sht' ></td></tr>";
} // endif

if($sorter == "cat_cd"){
echo "
<td class = 'srt_row'>Company</td><td><input type='radio' name = 'sorter' value = 'comp' ></td>
<td>Type</td><td><input type='radio' name = 'sorter' value = 'cat_cd' checked ></td>
<td>Location</td><td><input type='radio' name = 'sorter' value = 'loc_sht' ></td></tr>";
} // endif

if($sorter == "loc_sht"){
echo "
<td class = 'srt_row'>Company</td><td><input type='radio' name = 'sorter' value = 'comp' ></td>
<td>Type</td><td><input type='radio' name = 'sorter' value = 'cat_cd' ></td>
<td>Location</td><td><input type='radio' name = 'sorter' value = 'loc_sht' checked ></td></tr>";
} // endif
?>

<tr class = "srt_row" >
<td >Select City</td>
<td >Select Area</td>
<td >Select Type</td>

<td colspan = "2" >
<button type="submit"><img alt="b_go (1K)" src="<?php echo $yol ;?>b_go.gif" style="height:18px; width:40px; background-color:silver;" >
</button></td>
<td colspan = '3'>SORT BY</td>

</tr>
</table>
</form>

</div>
<b class="zbottom"><b class="zb4"></b><b class="zb3"></b><b class="zb2"></b><b class="zb1"></b></b>
</div>
</div>

Thanks :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum