This is doing my head in!!

Orionsbelter · March 31, 2010

ok so i'm using AJAX to grab the site members infomation when someone searches on the Find Player page.

On keyup the script search the database for the players username or name. this works fine the problem is it works in IE but when in IE there are a few design details.

I started to write down what was wrong however i wrong paragraphs, so i have created two images which show the errors in action i'll also post the code too.

i have attached the images.

Also since my code is long and i would exceed the maximum allowed characters i will post the code in a reply.

PLEASE HELP ME I'M PULL MY HAIR OUT, I'M GOING BOLD!!!

[attachment deleted by admin]

Orionsbelter · March 31, 2010

here is the code for findPlayer.php

<?php
session_start();
$username=$_SESSION['username'];
include_once"../includes/db_connect.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tester Site - Find Player</title>
<meta name="keywords" content="Pool Suppiles, Pool & Snooker Cues, Pool and Snooker Cue Cases, Tester Site Cues, Online Pool & Snooker Balls, Pool and Snooker Shop, Cue Cases, Pool Cues, Snooker Cues"/>
<meta name="copyright" content="Copyright of testersite.co.uk - 2010"/>
<meta name="author" content="TESTER"/>
<meta name="email" content=""/>
<meta name="Distribution" content="Global"/>
<link href="../CSS/main.css" rel="stylesheet" type="text/css" media="all"/>
<link href="../CSS/userPage.css" rel="stylesheet" type="text/css" media="all"/>
<style type="text/css">
<!--
#dhtmltooltip{
position: absolute;
left: -298px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -298px;
z-index: 101;
visibility: hidden;
}
#PBCons{
width:845px;
}
#PlayBoxCon{
width:197px;
float:left;
margin-top:10px;
/* fix the double margin error */  
    display:inline;  
}
#PlayBoxTop{
width:197px;
height:7px;
background-image:url(../images/BGs/user/PlayBoxTop.png);
}
#PlayBoxMain{
width:197px;
background:#666666;
text-align: center;
}
#PlayBoxMain h2 {
  color:#B2B200;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
}
#PlayBoxMain h2 a {
  color:#B2B200;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  text-decoration:none;
}
#PlayBoxMain h2 a:link {
  color:#B2B200;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  text-decoration:none;
}
#PlayBoxMain h2 a:visited {
  color:#B2B200;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  text-decoration:none;
}
#PlayBoxMain h2 a:hover {
  color:#B2B200;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  text-decoration:underline;
}
#PlayBoxMain h2 a:active {
  color:#B2B200;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  text-decoration:none;
}
#PlayBoxMain span{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #FFF;
}
#PlayBoxBot{
width:197px;
height:8px;
background-image:url(../images/BGs/user/PlayBoxBot.png);
}
.ajax{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#333;
font-weight:bold;
}
#searchAl {
height:32px;
width:100%;
font-family:Verdana, Geneva, sans-serif;
font-size:28px;
color:#3985AC;
font-weight:bold;
}
#searchAl a, a:link, a:visited, a:active{
font-family:Verdana, Geneva, sans-serif;
font-size:28px;
color:#3985AC;
font-weight:bold;
text-decoration:none;
}
#searchAl a:hover{
font-family:Verdana, Geneva, sans-serif;
font-size:28px;
color:#3985AC;
font-weight:bold;
text-decoration:underline;
}
#searchBar {
height:35px;
width:100%;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#333;
}
-->
</style>
</head>

<body>
<script type="text/javascript">

/***********************************************
* Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="../images/decor/arrow2.gif">') //write out pointer image

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth){
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="5px"
else{
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip;

function popitup(url) {
	newwindow=window.open(url,'name'+rand(1000),'height=590,width=790,resizable=no,status=no,scrollbars=no,location=no');
	if (window.focus) {newwindow.focus()}
	return false;
}

var xmlhttp

function searchAl(str, type)
{
if (str.length==0)
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
  
if(radio_form.by[1].checked)
{
  var by="username";
}else{
  var by="name";
}
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support XMLHTTP!");
  return;
  }
var url="../user/findPlayAJAX.php";
url=url+"?q="+str;
url=url+"&by="+by;
url=url+"&type="+type;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged()
{
if (xmlhttp.readyState==4)
  {
  document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  }
}
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}
</script>
<?php 
$searchText=$_GET['searchText'];
if($searchText){
?>
<script type="text/javascript">
searchAl('<?php echo"$searchText";?>','0')
</script>
<?php } ?>
<div id="page-container">

<div id="top-area">
<?php include_once"../header.php"; ?>
</div>

<div id="top-barPD"></div>
<!-- MID SECTION -->
<div id="mid-bar" align="center" style="vertical-align:top;">
<div id="blueBoxBot" align="center">

<div id="topText"></div>
<!-- MAIN AREA -->
<div id="mainText" align="left">

<h1>Find A Player/Member</h1>
<div align="center" style="margin-bottom:5px;">
  <div style="background-color:#FFC; width:97%; border:#DCD705 2px solid; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align: left; padding:2px; color: #333; font-weight: bold;">
    <p>You can use this tool to find members on Tester Site. When searching for members you can search by thier name or by username just state belwo by selected your "Search by type".</p>
  </div>
</div>
<div id="searchAl" align="center">
<a onClick="searchAl('A','1')">A</a> 
<a onClick="searchAl('B','1')">B</a> 
<a onClick="searchAl('C','1')">C</a> 
<a onClick="searchAl('D','1')">D</a> 
<a onClick="searchAl('E','1')">E</a> 
<a onClick="searchAl('F','1')">F</a> 
<a onClick="searchAl('G','1')">G</a> 
<a onClick="searchAl('H','1')">H</a> 
<a onClick="searchAl('I','1')">I</a> 
<a onClick="searchAl('J','1')">J</a> 
<a onClick="searchAl('K','1')">K</a> 
<a onClick="searchAl('L','1')">L</a> 
<a onClick="searchAl('M','1')">M</a> 
<a onClick="searchAl('N','1')">N</a> 
<a onClick="searchAl('O','1')">O</a> 
<a onClick="searchAl('P','1')">P</a> 
<a onClick="searchAl('Q','1')">Q</a> 
<a onClick="searchAl('R','1')">R</a> 
<a onClick="searchAl('S','1')">S</a> 
<a onClick="searchAl('T','1')">T</a> 
<a onClick="searchAl('U','1')">U</a> 
<a onClick="searchAl('V','1')">V</a> 
<a onClick="searchAl('W','1')">W</a> 
<a onClick="searchAl('X','1')">X</a> 
<a onClick="searchAl('Y','1')">Y</a> 
<a onClick="searchAl('Z','1')">Z</a> 

</div>
<div id="searchBar" align="right">
  <div style="vertical-align:middle; padding-right:11px; padding-top:5px;">
  <form action="" name="radio_form">
    <label>
      <input name="by" type="radio" id="radio" value="0" checked="checked" />
    </label>
    Name  
    <input type="radio" name="by" id="radio2" value="1" />
    Username
<input type="text" name="search" id="search" style="width:290px; height:22px; background:#E5E5E5; border:#999 1px solid; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#666;" onkeyup="searchAl(this.value, '0')" value="<?php echo"".$_GET['searchText']."";?>"/></form></div></div>
<div style="height:5px; width:100%"></div>
<!-- START THE PLAYER BOX -->
<div align="center" style="clear: both;" id="txtHint" class="ajax">
Use the above application to find members of Tester Site
</div>
<p>
  <!-- MAIN AREA END -->
</p>
<div id="botText" style="clear: both;"></div>

</div>
</div> 
<!-- END MID SECTION -->
</div>
<div id="bot-bar"></div>
<div id="bot-spacing"></div>
<div id="footer">
<?php include_once"../footer.php"; ?>
</div>
<div id="end-spacing"></div>

</div>

</body>
</html>

Orionsbelter · March 31, 2010

Here is the code for findPlayAJAX.php PART ONE!

<?php
include_once"../includes/db_connect.php";
$q=$_GET['q'];
$by=$_GET['by'];
$type=$_GET['type'];
if($type=="1"){
if($by=="name"){
// Limit to two parts so "John Smith Jnr" becomes "John" and "Smith Jnr"
$query = "SELECT `id`, `Username`, `First_Name`, `Surname`, `fullName`, `photo` FROM `members` WHERE `fullName` LIKE '$q%'";
$result=mysql_query($query);
$total=mysql_num_rows($result);
$count = 0;
if($total > 0){
while($user=mysql_fetch_object($result)){
$userRating=mysql_fetch_object(mysql_query("SELECT `id`, `total_value` FROM `ratings` WHERE `id`='$user->id'"));
if($user->photo=="" or $user->photo=="0"){ $photoUser='<img src="../images/user/noImage.gif" style="margin-left:6px; margin-right:4px; border:#E6E6E6 2px solid;" width="60" height="60"/>';}else{ $photoUser='<img src="../user/photos/thumbs/'.$user->photo.'" style="margin-left:6px; margin-right:4px; border:#E6E6E6 2px solid;" width="60" height="60"/>'; }
$rating="$userRating->total_value";

$count++;
if ($count % 4 == 0) {
echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->fullName.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->Username.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>
';
}else{
	echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="margin-right:18px;">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->fullName.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->Username.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>';
	}
}
}
/////////////////////////////////////////////////// IF THIS IS BY USERNAME
}else if($by=="username"){
$query = "SELECT `id`, `Username`, `First_Name`, `Surname`, `fullName`, `photo` FROM `members` WHERE `username` LIKE '$q%'";
$result=mysql_query($query);
$total=mysql_num_rows($result);
if($total > 0){
while($user=mysql_fetch_object($result)){
$userRating=mysql_fetch_object(mysql_query("SELECT `id`, `total_value` FROM `ratings` WHERE `id`='$user->id'"));
if($user->photo=="" or $user->photo=="0"){ $photoUser='<img src="../images/user/noImage.gif" style="margin-left:6px; margin-right:4px;" width="60" height="60"/>';}else{ $photoUser='<img src="../user/photos/thumbs/'.$user->photo.'" style="margin-left:6px; margin-right:4px;" width="60" height="60"/>'; }
$rating="$userRating->total_value";

$count++;
if ($count % 4 == 0) {
echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->Username.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->fullName.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>
';
}else{
	echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="margin-right:18px;">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->Username.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->fullName.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>';
	}
}
}
}
}else{
//// IF THE BY IS NAME 
if($by=="name"){
// Limit to two parts so "John Smith Jnr" becomes "John" and "Smith Jnr"
list($first, $last) = explode(" ", $q, 2);
$query = "SELECT `id`, `Username`, `First_Name`, `Surname`, `fullName`, `photo` FROM `members` WHERE `fullName` LIKE '$q%'";

if(strlen($first) > 0)
{
  $query .= " OR `fullName` LIKE '$first%' ";
}
if(strlen($last) > 0)
{
  $query .= " OR `fullName` LIKE '$last%' ";
}
$result=mysql_query($query);
$total=mysql_num_rows($result);
$count = 0;
if($total > 0){
while($user=mysql_fetch_object($result)){
$userRating=mysql_fetch_object(mysql_query("SELECT `id`, `total_value` FROM `ratings` WHERE `id`='$user->id'"));
if($user->photo=="" or $user->photo=="0"){ $photoUser='<img src="../images/user/noImage.gif" style="margin-left:6px; margin-right:4px;" width="60" height="60"/>';}else{ $photoUser='<img src="../user/photos/thumbs/'.$user->photo.'" style="margin-left:6px; margin-right:4px;" width="60" height="60"/>'; }
$rating="$userRating->total_value";

$count++;
if ($count % 4 == 0) {
echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->fullName.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->Username.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>
';
}else{
	echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="margin-right:18px;">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->fullName.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->Username.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>';
	}
}
}
/////////////////////////////////////////////////// IF THIS IS BY USERNAME
}else if($by=="username"){
$query = "SELECT `id`, `Username`, `First_Name`, `Surname`, `fullName`, `photo` FROM `members` WHERE `username` LIKE '%$q%'";
$result=mysql_query($query);
$total=mysql_num_rows($result);
if($total > 0){
while($user=mysql_fetch_object($result)){
$userRating=mysql_fetch_object(mysql_query("SELECT `id`, `total_value` FROM `ratings` WHERE `id`='$user->id'"));
if($user->photo=="" or $user->photo=="0"){ $photoUser='<img src="../images/user/noImage.gif" style="margin-left:6px; margin-right:4px;" width="60" height="60"/>';}else{ $photoUser='<img src="../user/photos/thumbs/'.$user->photo.'" style="margin-left:6px; margin-right:4px;" width="60" height="60"/>'; }
$rating="$userRating->total_value";

$count++;
if ($count % 4 == 0) {
echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->Username.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->fullName.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>
';
}else{
	echo'<div id="PBCons" align="left">
<div id="PlayBoxCon" style="margin-right:18px;">
<div id="PlayBoxTop"></div>
<div id="PlayBoxMain">
  <table width="197" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="68" valign="middle"><div align="center">'.$photoUser.'</div></td>
      <td width="129" style="word-wrap:break-word;">
      <h2 align="left"><a href="../user/profile.php?viewuser='.$user->Username.'">'.$user->Username.'</a></h2>
      <div align="left">'.$stars.'<br />
        <span>'.$user->fullName.'</span></div></td>
    </tr>
    </table>
</div>
<div id="PlayBoxBot"></div>
</div>';
	}
}
}
}
}// THIS IS THE ELSE TYPE END
if($total=="0"){echo"No Players Found With $q";}
?>

MatthewJ · March 31, 2010

This is a css issue and not a php issue... My first guess would be the difference between Chrome and IE's implementation of the padding/margin properties.

JustLikeIcarus · March 31, 2010

Switch the padding-top:5px; property with margin-top:5px; in the below code.

<div id="searchBar" align="right">
  <div style="vertical-align:middle; padding-right:11px; margin-top:5px; padding-top:0px;">

Orionsbelter · March 31, 2010

This is a css issue and not a php issue... My first guess would be the difference between Chrome and IE's implementation of the padding/margin properties.

Sorry am this there is a lot of scripting going on in this i just how what part was causing this.

Switch the padding-top:5px; property with margin-top:5px; in the below code.
<div id="searchBar" align="right">
  <div style="vertical-align:middle; padding-right:11px; margin-top:5px; padding-top:0px;">

Thank you this worked and fixed the first image error, however it still doesn't float the divs to the left in rows of fours .

But thank you for your help on the first Error

JustLikeIcarus · March 31, 2010

Your floating issue is caused by the width set on #PBCons. The width needs to instead be set on the element that contains the floated items.

Orionsbelter · March 31, 2010

Could you show me example code for this please as i'm a newbie to coding and i'm a bit confused.

Thank you for your reply

Orionsbelter · March 31, 2010

Oh i notice now that shouldn't be on each div it is onle container that containers all the player divs. Thank you

Zane · March 31, 2010

If you're gonna have a cross-platform website... you should always start by programming for IE.. not chrome, not firefox, not safari... Because 9 times out of 10.. Internet Explorer will be the one giving you the most problems. Other browser problems can be tweaked much easier than IE's.

KevinM1 · March 31, 2010

If you're gonna have a cross-platform website... you should always start by programming for IE.. not chrome, not firefox, not safari... Because 9 times out of 10.. Internet Explorer will be the one giving you the most problems. Other browser problems can be tweaked much easier than IE's.

Doesn't a CSS reset mitigate most/all cross-browser rendering issues?

Sign In

This is doing my head in!!

Recommended Posts

Orionsbelter

Link to comment

Share on other sites

Orionsbelter

Link to comment

Share on other sites

Orionsbelter

Link to comment

Share on other sites

MatthewJ

Link to comment

Share on other sites

JustLikeIcarus

Link to comment

Share on other sites

Orionsbelter

Link to comment

Share on other sites

JustLikeIcarus

Link to comment

Share on other sites

Orionsbelter

Link to comment

Share on other sites

Orionsbelter

Link to comment

Share on other sites

Zane

Link to comment

Share on other sites

KevinM1

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information