WampServer
Apache, PHP, MySQL
on Windows
div layout issues with WAM
Posted by:
k.ashish
(---.199.242.193.vsnl.net.in)
Date: May 02, 2008 09:27AM
Hi All!
i have used divs to design my webpage.
when I am opening my wepage from some other machine as server the display comes good but
while opening the same page from my local wampserver doesn't give good layout.
actually from my local wamp server the divs climb over each other and for remote wamp server the out put comes good.
I am attaching links to pics how the same page comes from two diff wamp servers.
[geocities.com]
[geocities.com]
pls help me out here... if this output is due to any module dependency pls let me know.
thanks in advance.
i have used divs to design my webpage.
when I am opening my wepage from some other machine as server the display comes good but
while opening the same page from my local wampserver doesn't give good layout.
actually from my local wamp server the divs climb over each other and for remote wamp server the out put comes good.
I am attaching links to pics how the same page comes from two diff wamp servers.
[geocities.com]
[geocities.com]
pls help me out here... if this output is due to any module dependency pls let me know.
thanks in advance.
Re: div layout issues with WAM
Posted by:
toivo
(203.19.130.---)
Date: May 02, 2008 12:55PM
Hi,
It is not quite clear from your message if you have compared two sites hosted on two wamp servers, or just viewed the same site from two workstations.
If you are using the version of browser from two workstations, the HTML page should be rendered exactly the same way. Try clearing the cache and see if that makes any difference.
Have you checked that the paths you use with your stylesheets are consistent?
Regards,
toivo
Sydney, Australia
It is not quite clear from your message if you have compared two sites hosted on two wamp servers, or just viewed the same site from two workstations.
If you are using the version of browser from two workstations, the HTML page should be rendered exactly the same way. Try clearing the cache and see if that makes any difference.
Have you checked that the paths you use with your stylesheets are consistent?
Regards,
toivo
Sydney, Australia
Re: div layout issues with WAM
Posted by:
stevenmartin99
(212.129.95.---)
Date: May 02, 2008 03:07PM
supply code thats causing the problem
Steven Martin
stevenmartin99@gmail.com
stevenmartin99@hotmail.com
PampServer.com - [pampserver.com]
Steven Martin
stevenmartin99@gmail.com
stevenmartin99@hotmail.com
PampServer.com - [pampserver.com]
Re: div layout issues with WAM
Posted by:
k.ashish
(---.199.242.193.vsnl.net.in)
Date: May 03, 2008 06:03AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org];
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="forAll.css" />
<style>
#apDiv9 {
position:absolute;
left:275px;
top:51px;
width:448px;
height:730px;
z-index:6;
}
#apDiv1 { position:absolute;
left:4px;
top:3px;
width:268px;
height:100px;
z-index:5;
}
#apDiv2 {
position:absolute;
left:4px;
top:111px;
width:268px;
height:122px;
z-index:4;
}
#apDiv3 {
position:absolute;
left:-5px;
top:278px;
width:289px;
height:190px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:3px;
top:456px;
width:271px;
height:150px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:3px;
top:609px;
width:271px;
height:150px;
z-index:1;
}
#apDiv6 {
position:absolute;
left:725px;
top:3px;
width:268px;
height:102px;
z-index:5;
}
#apDiv7 { position:absolute;
left:724px;
top:107px;
width:268px;
height:300px;
z-index:5;
}
#apDiv8 {
position:absolute;
left:725px;
top:411px;
width:268px;
height:337px;
z-index:5;
}
</style>
<script language="javascript">
var lowerlimit;
var upperlimit;
var reallowerlimit;
var realupperlimit;
</script>
<?PHP
$prodCategoryId=$_GET['prodCategoryId'];
$userId=$_GET['userId'];
require("dbconnect.php"
;
$getPriceRange = mysql_query("SELECT min(prodPrice),max(prodPrice) FROM tblproduct where prodCategoryId='". $prodCategoryId ."'";
$priceRange = mysql_fetch_array($getPriceRange);
echo "<script language='javascript'> prodCategoryId=\"". $prodCategoryId ."\"</script>";
echo "<script language='javascript'> userId=\"". $userId."\"</script>";
echo "<script language='javascript'> lowerlimit=\"". $priceRange[0] ."\"</script>";
echo "<script language='javascript'> upperlimit=\"". $priceRange[1] ."\"</script>";
?>
<script language="javascript">
/////propagate use favourite data
var reallowerlimit=lowerlimit;
var realupperlimit=upperlimit;
function removeFromFavourite(userId,prodId)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request"
return
}
queryString="userId="+userId;
queryString=queryString + "&productId="+prodId;
/// queryString=queryString + "&userId="+userId;
url="removefavourite.php";
url=url+"?"+ queryString;
xmlHttp.onreadystatechange=stateChanged ;
xmlHttp.open("GET",url,true);
xmlHttp.send(null) ;
/// alert("Item removed from your favouritelist. Thank you!";
done();
}
function addToFavourite(userId,prodId){
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request"
return
}
queryString="userId="+userId;
queryString=queryString + "&productId="+prodId;
queryString=queryString + "&productCount=0";
queryString=queryString + "&totalCost=0"
queryString=queryString + "&last_upd_userId="+userId;
url="storefavourite.php";
url=url+"?"+ queryString;
xmlHttp.onreadystatechange=stateChanged ;
xmlHttp.open("GET",url,true);
xmlHttp.send(null) ;
// alert("your favouritelist has been saved now. Thank you!";
done();
}
//////
////AJAX call starts here
function done(){
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request"
return
}
url="getall.php?prodCategoryId="+prodCategoryId+"&userId="+userId;
url=url+"&lowerlimit="+lowerlimit;
url=url+"&upperlimit="+upperlimit;
xmlHttp.onreadystatechange=stateChanged ;
xmlHttp.open("GET",url,true);
xmlHttp.send(null) ;
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"
{
document.getElementById("apDIv9".innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP";
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP";
}
}
return xmlHttp;
}
//AJAX call ends here
///slider change trace
function showAlert()
{
done();
}
</script>
</head>
<body onload="done();">
<div id="apDiv1">
<iframe src="priceselectorframe.php" scrolling="No" height="100px" width="270px" frameborder="0"></iframe>
</div>
<?PHP
require("dbconnect.php";
?>
<div id="apDiv9" style="overflow:auto;">
</div>
<div id="apDiv2">
<iframe src="colorselectorframe.php" scrolling="No" height="180px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv3">
<iframe src="brandsizefitframe.php" scrolling="No" height="190px" width="289px" frameborder="0"></iframe>
</div>
<div id="apDiv4">
<iframe src="locatestoreframe.php" scrolling="No" height="150px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv5">
<iframe src="comparebasketframe.php" scrolling="No" height="150px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv6">
<iframe src="tagcloudframe.php" scrolling="No" height="100px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv7" style="border-color:#0099FF;border:1px;border-left:solid;border-right:solid;border-bottom:solid">
<iframe src="shoppingbasketframe.php" scrolling="No" height="25px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv8">
<iframe src="checkoutframe.php" scrolling="No" height="342px" width="270px" frameborder="0"></iframe>
</div>
</body>
</html>
<html xmlns="[www.w3.org];
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="forAll.css" />
<style>
#apDiv9 {
position:absolute;
left:275px;
top:51px;
width:448px;
height:730px;
z-index:6;
}
#apDiv1 { position:absolute;
left:4px;
top:3px;
width:268px;
height:100px;
z-index:5;
}
#apDiv2 {
position:absolute;
left:4px;
top:111px;
width:268px;
height:122px;
z-index:4;
}
#apDiv3 {
position:absolute;
left:-5px;
top:278px;
width:289px;
height:190px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:3px;
top:456px;
width:271px;
height:150px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:3px;
top:609px;
width:271px;
height:150px;
z-index:1;
}
#apDiv6 {
position:absolute;
left:725px;
top:3px;
width:268px;
height:102px;
z-index:5;
}
#apDiv7 { position:absolute;
left:724px;
top:107px;
width:268px;
height:300px;
z-index:5;
}
#apDiv8 {
position:absolute;
left:725px;
top:411px;
width:268px;
height:337px;
z-index:5;
}
</style>
<script language="javascript">
var lowerlimit;
var upperlimit;
var reallowerlimit;
var realupperlimit;
</script>
<?PHP
$prodCategoryId=$_GET['prodCategoryId'];
$userId=$_GET['userId'];
require("dbconnect.php"
;$getPriceRange = mysql_query("SELECT min(prodPrice),max(prodPrice) FROM tblproduct where prodCategoryId='". $prodCategoryId ."'"
;$priceRange = mysql_fetch_array($getPriceRange);
echo "<script language='javascript'> prodCategoryId=\"". $prodCategoryId ."\"</script>";
echo "<script language='javascript'> userId=\"". $userId."\"</script>";
echo "<script language='javascript'> lowerlimit=\"". $priceRange[0] ."\"</script>";
echo "<script language='javascript'> upperlimit=\"". $priceRange[1] ."\"</script>";
?>
<script language="javascript">
/////propagate use favourite data
var reallowerlimit=lowerlimit;
var realupperlimit=upperlimit;
function removeFromFavourite(userId,prodId)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request"
return
}
queryString="userId="+userId;
queryString=queryString + "&productId="+prodId;
/// queryString=queryString + "&userId="+userId;
url="removefavourite.php";
url=url+"?"+ queryString;
xmlHttp.onreadystatechange=stateChanged ;
xmlHttp.open("GET",url,true);
xmlHttp.send(null) ;
/// alert("Item removed from your favouritelist. Thank you!"
;done();
}
function addToFavourite(userId,prodId){
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request"
return
}
queryString="userId="+userId;
queryString=queryString + "&productId="+prodId;
queryString=queryString + "&productCount=0";
queryString=queryString + "&totalCost=0"
queryString=queryString + "&last_upd_userId="+userId;
url="storefavourite.php";
url=url+"?"+ queryString;
xmlHttp.onreadystatechange=stateChanged ;
xmlHttp.open("GET",url,true);
xmlHttp.send(null) ;
// alert("your favouritelist has been saved now. Thank you!"
;done();
}
//////
////AJAX call starts here
function done(){
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request"
return
}
url="getall.php?prodCategoryId="+prodCategoryId+"&userId="+userId;
url=url+"&lowerlimit="+lowerlimit;
url=url+"&upperlimit="+upperlimit;
xmlHttp.onreadystatechange=stateChanged ;
xmlHttp.open("GET",url,true);
xmlHttp.send(null) ;
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"
{
document.getElementById("apDIv9"
.innerHTML=xmlHttp.responseText;}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"
;}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"
;}
}
return xmlHttp;
}
//AJAX call ends here
///slider change trace
function showAlert()
{
done();
}
</script>
</head>
<body onload="done();">
<div id="apDiv1">
<iframe src="priceselectorframe.php" scrolling="No" height="100px" width="270px" frameborder="0"></iframe>
</div>
<?PHP
require("dbconnect.php"
;?>
<div id="apDiv9" style="overflow:auto;">
</div>
<div id="apDiv2">
<iframe src="colorselectorframe.php" scrolling="No" height="180px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv3">
<iframe src="brandsizefitframe.php" scrolling="No" height="190px" width="289px" frameborder="0"></iframe>
</div>
<div id="apDiv4">
<iframe src="locatestoreframe.php" scrolling="No" height="150px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv5">
<iframe src="comparebasketframe.php" scrolling="No" height="150px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv6">
<iframe src="tagcloudframe.php" scrolling="No" height="100px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv7" style="border-color:#0099FF;border:1px;border-left:solid;border-right:solid;border-bottom:solid">
<iframe src="shoppingbasketframe.php" scrolling="No" height="25px" width="270px" frameborder="0"></iframe>
</div>
<div id="apDiv8">
<iframe src="checkoutframe.php" scrolling="No" height="342px" width="270px" frameborder="0"></iframe>
</div>
</body>
</html>
WAMP server issue provided with code.
Posted by:
k.ashish
(---.199.242.193.vsnl.net.in)
Date: May 03, 2008 06:10AM
Hi!!!
I have posted the code. I am using same version of WAMP server v1.7.0 on both workstations and IE7 for browing.
When I access using one server the rendered screen is good but with another server gives the badly rendered screen. For both the output screens I have already provided the links in my previous posts.
Regards
Ashish
ASE-Trainee,TCS
India
I have posted the code. I am using same version of WAMP server v1.7.0 on both workstations and IE7 for browing.
When I access using one server the rendered screen is good but with another server gives the badly rendered screen. For both the output screens I have already provided the links in my previous posts.
Regards
Ashish
ASE-Trainee,TCS
India
Re: div layout issues with WAM
Posted by:
stevenmartin99
(---.b-ras1.blp.dublin.eircom.net)
Date: May 03, 2008 12:36PM
Both pictures look the same
Steven Martin
stevenmartin99@gmail.com
stevenmartin99@hotmail.com
PampServer.com - [pampserver.com]
Steven Martin
stevenmartin99@gmail.com
stevenmartin99@hotmail.com
PampServer.com - [pampserver.com]
Re: div layout issues with WAM
Posted by:
k.ashish
(---.199.242.193.vsnl.net.in)
Date: May 03, 2008 12:51PM
Dear Steven Martin ,
pls go through pictures carefully.
One of them has some area circled and pointed by arrow to show the unexpected result.
pls go through pictures carefully.
One of them has some area circled and pointed by arrow to show the unexpected result.
Re: div layout issues with WAM
Posted by:
stevenmartin99
(---.b-ras1.blp.dublin.eircom.net)
Date: May 03, 2008 01:13PM
I Looked very carefully at circles... still cant see a difference? explain the difference
Steven Martin
stevenmartin99@gmail.com
stevenmartin99@hotmail.com
PampServer.com - [pampserver.com]
Steven Martin
stevenmartin99@gmail.com
stevenmartin99@hotmail.com
PampServer.com - [pampserver.com]
Re: div layout issues with WAM
Posted by:
k.ashish
(---.199.242.193.vsnl.net.in)
Date: May 03, 2008 01:21PM
diff is there. for examle...
see "Shopping Basket" text is visible in one picture but not in another...
pls go through images carefully.
I dont think I need to clarify more about images.
see "Shopping Basket" text is visible in one picture but not in another...
pls go through images carefully.
I dont think I need to clarify more about images.
Sorry, only registered users may post in this forum.
