[SOLVED] bad problem in IE

aebstract · February 4, 2009

I have a product page that generates boxes for each item, which fill the screen going vertically. 2 columns of boxes. Firefox it works without a problem, in IE when it runs off the screen, the scroll bar is gone and where the screen ends it just cuts the content there. I've never had this problem before! ???

product page:

<?php
header("Cache-control: private");
if(!isset($_SESSION["id"]))
{
header("Location: index.php?page=login");
exit;
}


$product_cat = $_GET['product_cat'];
$checknum = 1;
$result = mysql_query("SELECT * FROM `p_products` WHERE category='$product_cat'") or DIE(mysql_error());
while($r = mysql_fetch_array($result))
{
  $id = $r['id'];
  $partnumber = $r['partnumber'];
  $partname = $r['partname'];
  $description = $r['description'];
  $price = $r['price'];
  $option1 = $r['option1'];
$specialid = $id;

$postname = image.$id;
$postsize = size.$id;

if (isset($_POST[$postname])) {
$error = 0;
if (isset($_POST['hideme'])) {
if (empty($_POST[$postsize])){
$error = 1;
$errormsg = "You must fill in a Pipe Size for $partname.";
} else {
$sizenum = $_POST[$postsize];
$specialid = $id.";".$sizenum;
}





}


if ($error == 1){
$errordisplay .= "<div id=\"error_box\">   $errormsg</div>";
} else {



$materialid = material.$id;
$material = $_POST[$materialid];



if (isset($_SESSION['cart'][$id][$material])) {




  foreach ($_SESSION['cart'] as $id2 => $array2){

		if ($id2 == $id) {

		foreach ($array2 as $material2 => $array3){

		if ($material2 == $material) {

$newqty = $array3['qty'];
$newqty ++;
$_SESSION['cart'][$id][$material] = array(qty => $newqty, size => 7.3);
header("Location: index.php?page=cart");
exit;

	   }

  }
           }







    	}






} else {

$_SESSION['cart'][$id][$material] = array(qty => 1, size => 7.3);

header("Location: index.php?page=cart");
exit;
}
}



}


if (!empty($option1)){
$clicker = "
Material:
<select name=\"material$id\" style=\"background-color: #FFFFFF; border: solid 1px #000000; height: 20px; font-size: 10px;\">
<option value=\"Stainless\">Stainless Steel</option>
<option value=\"Mild\">Mild Steel</option>
</select><br />
Pipe Size: <input type=\"text\" size=\"4\" value=\"\" name=\"size$id\" style=\"background-color: #FFFFFF; border: solid 1px #000000; height: 20px; font-size: 10px;\" /><br />
<div class=\"product_image\">
<input type=\"hidden\" name=\"hideme\" value=\"needsize\" />
<input type=\"image\" value=\"submit$id\" src=\"addtocart.jpg\" width=\"144\" height=\"34\" border=\"0\" alt=\"Add to Cart\" name=\"image$id\">
</div>";
} else {
$clicker = "
Material:
<select name=\"material$id\" style=\"background-color: #FFFFFF; border: solid 1px #000000; height: 20px; font-size: 10px;\">
<option value=\"Stainless\">Stainless Steel</option>
<option value=\"Mild\">Mild Steel</option>
</select><br /><div class=\"product_image\">
<input type=\"image\" value=\"submit$id\" src=\"addtocart.jpg\" width=\"144\" height=\"34\" border=\"0\" alt=\"Add to Cart\" name=\"image$id\">
</div>";
}

if( $odd = $checknum%2 ) {
	$content .= "
	<form action=\"index.php?page=product_page&product_cat=$product_cat\" method=\"post\" name=\"add_product$id\">
	<div class=\"product_left\">
	<div class=\"product_image\"><img src=\"products/$partnumber&#45;cart.jpg\" class=\"jkimagelarge\" title=\"products/$partnumber.jpg\" height=\"100\"/></div>
	<div class=\"product_info\">
	$partname
	<br />
	$partnumber
	<br />
	$$price
	<br />

$clicker</div></div>
</form>";
} else {
	$content .= "
	<div class=\"product_right\">
	<form action=\"index.php?page=product_page&product_cat=$product_cat\" method=\"post\" name=\"add_product$id\">
	<div class=\"product_image\"><img src=\"products/$partnumber&#45;cart.jpg\" class=\"jkimagelarge\" title=\"products/$partnumber.jpg\" height=\"100\"/></div>
	<div class=\"product_info\">
	$partname
	<br />
	$partnumber
	<br />
	$$price
	<br />
$clicker</div></div>
			<div class=\"productspace\"></div>

</form>";	}


$checknum ++;
}




?>

stylesheet

html,body{height:100%}
html,body{margin:0;padding:0}
body {
    text-align:center;
    background-image: url(bg.jpg);
    font: 0.8125em Verdana, sans-serif;
    color: #000;
}
#container {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1030px;
background: url(insidebg.jpg) repeat-y left top;
    min-height:100%;
    overflow: hidden;
}
* html #container{height:100%}


#container_left {
float: left;
width: 260px;
text-align: left;
background-image: url(menubg.jpg);
}

#container_right {
float: left;
width: 710px;
text-align: center;
position: relative;
display: inline;
background-color: #000;
}

#container_far_right {
float: right;
width: 60px;
}





#overlappopup{ /*don't change id name */
position: absolute; /*don't change position property */
z-index: 1000;
background: white;
border: 2px solid black;
padding: 0px;
left: 0;
top: 0;
visibility: hidden;
}









#user_box {
margin-left: auto;
margin-right: auto;
text-align: center;
height: 50px; width: 660px;
background-color: #1E1E1E;
color: #FFFFFF;
}

#outsidelogin {
float:left;
line-height: 50px;
height: 50px;
width: 400px;
color: #FFFFFF;
}

#loginbox {
width: 260px;
height: 50px; 
float:right;
font-size: 9px;
}

#featured_product {
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #FFFFFF;
height: 254px; width: 631px;
}

#cat_box {
margin-left: auto;
margin-right: auto;
text-align: left;
height: 40px; width: 631px;
background-color: #1E1E1E;
color: #FFFFFF;
font-size: 1em;
line-height: 40px;
}

#error_box {
margin-left: auto;
margin-right: auto;
text-align: left;
height: 40px; width: 625px;
background-color: #1E1E1E;
color: #FFFFFF;
border: 3px solid red;
font-size: 1em;
line-height: 40px;
}

#product_container {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 631px;
}

.productspace {
float: right;
width: 631px; height: 1px;
}

.producttop {
text-align: left;
width: 293px; height: 3px;
background-image: url(boxtop.jpg);
}

.product_left {
text-align: left;
float: left;
width: 293px;
background-color: #FFF;
margin-bottom: 15px;
}

.product_info {
padding: 10px;
}

.product_right {
text-align: left;
float: right;
width: 293px;
background-color: #FFF;
margin-bottom: 15px;
}

.product_image {
padding: 5px;
text-align: center;
}

.black_menu {
background-color: #000000;
color: #FFFFFF;
width: 145px; height: 20px;
line-height: 20px;
font-size: .85em;
margin-bottom: 5px;
margin-left: 100px;
}


.cat_menu_title {
color: #FFFFFF;
width: 150px; height: 20px;
line-height: 20px;
font-size: .85em;
margin-bottom: 5px;
margin-top: 20px;
margin-left: 95px;
}

.cat_menu {
color: #FFFFFF;
width: 150px; 
font-size: .85em;
margin-bottom: 2px;
margin-left: 110px;
}


.spacer { height: 30px; }

a:link, a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover, a:visited:hover {
color: #F2F2F2;
text-decoration: underline;
}

h1 {
font-family: verdana;
color: #A51111;
font-size: 15pt;
}

#full_content {
text-align: left;
width: 601px;
background-color: #FFFFFF;
padding: 15px;
}

#full_content a {
color: #000;
}

.registration_form {
font-size: 12px;
padding: 0px;
spacing: 0px;
}
.login_form {
font-size: 9px;
padding: 0px;
spacing: 0px;
color: #FFFFFF;
}

Also, while I'm posting this.. the 'add to cart' button on the right column creates an awkward space just below the item. If you'd like to see this in action: http://www.berryequipment.net/performance/ and signup, doesn't take too long, though you will get an email confirmation. (not required, but if you'd like to see it doing it) Then when logged in click on one of the categories.

Sign In

[SOLVED] bad problem in IE

Recommended Posts

aebstract

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information