Forum Moderators: not2easy
Im helping out a friend on a new website built from some sort of ground up :)
I know a little about PHP and CSS but the java has got me here.
The website seems to work fine with the Java in FF but in IE its screws the template up.
I have tried to Modify the CSS with no joy and with different jquery functions. yet again over my head with the java.
but IE7 always seems to display it wrong every time.
Can someone point me to where the code may be going wrong for IE7
[edited by: coopster at 10:37 pm (utc) on May 28, 2009]
[edit reason] no personal urls please TOS [webmasterworld.com] [/edit]
<!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>Chemical Guild</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>
<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="980" height="1" colspan="2" valign="bottom"><div class="Header"> <img src="images/chemical-logo.png" alt="Logo" width="214" height="78" class="style1" /> <div class="Login">
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/corner-left.png" /></td>
<td>
<form action="process.php" method="POST">
<input class="login" type="text" name="user" maxlength="30" value=""> <input class="login" type="password" name="pass" maxlength="30" value=""> <input type="checkbox" name="remember" >
<input type="hidden" name="sublogin" value="1"><input type="submit" value="Login">
</form>
</td>
<td><img src="images/corner-right.png" /></td>
</tr>
</table>
</div></div></td>
</tr>
<tr>
<td height="1" colspan="2" valign="top" bgcolor="#272727"><img src="images/under-header.png" width="980" height="5" /></td>
</tr>
<tr>
<td height="35px" colspan="2" valign="top" bgcolor="#252525"><a class="button" href="index.php"><span>Home</span></a> <a class="button" href="forum.php"><span>Forum</span></a> <a class="button" href="#"><span>DKP</span></a>
<a class="button" href="register.php"><span>Register</span></a> <div class="search">
<input class="search-input" onfocus="this.value = '';" onblur="this.value=!this.value?'Search...':this.value;" value="Search..." type="text" />
</div></td>
</tr>
<script type="text/javascript" src="media/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="media/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(function() {
$('#s4').after('<div id="nav" class="nav">').cycle({
fx: 'fade',
speed: 'slow',
timeout: 6000,
pager: '#nav',
//after: function() { if (window.console) console.log(this.src); },
//pauseOnPagerHover: 1,
});
});
</script>
<tr>
<td valign="top" bgcolor="#272727" height="25%">
<div id="s4" class="pics">
<img src="images/newsboard-images/Freya.png" width="499" height="200" />
<img src="images/newsboard-images/Mimiron.png" width="499" height="200" />
<img src="images/newsboard-images/Kabouter.png" width="499" height="200" />
</div>
</td>
<td width="100%" height="1" rowspan="2" valign="top" bgcolor="#272727"><center>
<img src="images/Quote.png" />
</center>
<table align="center" width="478px" border="0" cellpadding="0" cellspacing="0">
<th class="newest">Newest Topics</th>
<th class="newest">Poster</th>
<th class="newest">Latest</th>
<tr>
<td class="newest1">I'm whining again..</td>
<td class="newest1">Bromide</td>
<td class="newest1">20/05/2009</td>
</tr>
<tr>
<td class="newest2">I'm whining again..</td>
<td class="newest2">Bromide</td>
<td class="newest2">20/05/2009</td>
</tr>
<tr>
<td class="newest1">I'm whining again..</td>
<td class="newest1">Bromide</td>
<td class="newest1">20/05/2009</td>
</tr>
<tr>
<td class="newest2">I'm whining again..</td>
<td class="newest2">Bromide</td>
<td class="newest2">20/05/2009</td>
</tr>
<tr>
<td class="newest1">I'm whining again..</td>
<td class="newest1">Bromide</td>
<td class="newest1">20/05/2009</td>
</tr>
</table></td>
</tr>
<td colspan="2" bgcolor="#272727">
<div id="headers">
<div id="News-header" >
News
</div>
<div id="Newest-member-header">
Newest members
</div>
</div>
<div id="headers">
<div id="News">
<div class="Newstitle">
Whine whine
</div>
<div class="Newsgreybox">
Posted by Bromide
</div>
<div class="Newsgreybox">
1 Comment
</div>
<br />
<div class="Newstext">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus condimentum
sodales purus, ut interdum mi suscipit non. Duis nisl quam, interdum ultrices
convallis in, sodales quis elit. Sed vel laoreet quam. Maecenas ipsum
orci, congue sit amet vulputate id, rutrum et metus. Mauris lectus diam,
porta et hendrerit ut, placerat a urna. In mauris felis, aliquet ac mollis
a, lacinia at urna. Sed lorem eros, rhoncus sed dapibus et, aliquet vitae
dui. Nunc a est nisi, at adipiscing urna. Morbi vitae tortor risus, nec
elementum dolor. Etiam ante diam, scelerisque ac ornare vitae, tristique
non quam. Sed placerat semper semper. Pellentesque vestibulum justo quis
diam ornare eget vestibulum mauris ornare. Nunc nibh magna, pellentesque
sit amet dictum sed, blandit sit amet leo. Quisque gravida tempus orci,
a molestie orci vulputate vel. Praesent id arcu turpis. In lacinia, mi
vel vestibulum pulvinar, ante mi commodo ante, ac ultricies erat erat
eget lorem. Nullam nec tortor neque, et placerat sem.</p>
<p>Nam placerat gravida enim, et scelerisque nunc sagittis ut. Donec hendrerit
congue accumsan. Sed in lacus magna, in aliquet eros. Nullam vel velit
eros, et luctus libero. Pellentesque mollis elit ut erat tristique lobortis.
Curabitur nec mauris eu lorem ornare dignissim. Fusce accumsan ullamcorper
leo, eget malesuada enim commodo in. Nulla risus velit, posuere sit amet
tristique ut, pretium id leo. </p>
</div>
<br />
<hr class="news" />
<br />
<div class="Newstitle">
Bier bier
</div>
<div class="Newsgreybox">
Posted by <font color="#F58CBA">Kittnz</font>
</div>
<div class="Newsgreybox">
1 Comment
</div>
<br />
<div class="Newstext">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus condimentum
sodales purus, ut interdum mi suscipit non. Duis nisl quam, interdum ultrices
convallis in, sodales quis elit. Sed vel laoreet quam. Maecenas ipsum
orci, congue sit amet vulputate id, rutrum et metus. Mauris lectus diam,
porta et hendrerit ut, placerat a urna. In mauris felis, aliquet ac mollis
a, lacinia at urna. Sed lorem eros, rhoncus sed dapibus et, aliquet vitae
dui. Nunc a est nisi, at adipiscing urna. Morbi vitae tortor risus, nec
elementum dolor. Etiam ante diam, scelerisque ac ornare vitae, tristique
non quam. Sed placerat semper semper. Pellentesque vestibulum justo quis
diam ornare eget vestibulum mauris ornare. Nunc nibh magna, pellentesque
sit amet dictum sed, blandit sit amet leo. Quisque gravida tempus orci,
a molestie orci vulputate vel. Praesent id arcu turpis. In lacinia, mi
vel vestibulum pulvinar, ante mi commodo ante, ac ultricies erat erat
eget lorem. Nullam nec tortor neque, et placerat sem.</p>
<p>Nam placerat gravida enim, et scelerisque nunc sagittis ut. Donec hendrerit
congue accumsan. Sed in lacus magna, in aliquet eros. Nullam vel velit
eros, et luctus libero. Pellentesque mollis elit ut erat tristique lobortis.
Curabitur nec mauris eu lorem ornare dignissim. Fusce accumsan ullamcorper
leo, eget malesuada enim commodo in. Nulla risus velit, posuere sit amet
tristique ut, pretium id leo. </p>
</div>
</div>
<div id="Newest-members">
<div id="New-member">
<img class="avatar" src="images/Character-avatars/1-6-11.gif" /><br />
<b><font color="#FFFFFF">Rompetomp</font></b><br />
<font color="#FF7D0A">Druid</font>
</div>
<div id="New-member">
<img class="avatar" src="images/Character-avatars/0-5-5.gif" /><br />
<b><font color="#FFFFFF">Bromide</font></b><br />
<font color="#FFFFFF">Priest</font>
</div>
<div id="New-member">
<img class="avatar" src="images/Character-avatars/1-10-2.gif" /><br />
<b><font color="#FFFFFF">Kittnz</font></b><br />
<font color="#F58CBA ">Paladin</font>
</div>
<div id="New-member">
<img class="avatar" src="images/Character-avatars/0-6-7.gif" /><br />
<b><font color="#FFFFFF">Sharphorns</font></b><br />
<font color="#2459FF">Shaman</font>
</div>
<div id="Shoutbox">
<img src="images/Shoutbox-left.png" class="floatLeft" /> <img src="images/Shoutbox-right.png" class="floatRight" />
<div class="Shout-header">
Shouts
</div>
<a href="#" class="add-shout">Add Shout</a><br />
<hr class="Shoutbox-lijntje" />
<div class="Shout-content">
<p><strong><font color="#FF7D0A">Rompetomp</font></strong>: The Shoutbox
is not coded yet, this is just an example :
>
</p>
<p><strong><font color="#F58CBA">Kittnz</font></strong>: The Shoutbox
is not coded yet, this is just an example :
>
</p>
<p><strong><font color="#2459FF">Sharphorns</font></strong>: The Shoutbox
is not coded yet, this is just an example :
>
</p>
</div>
</div>
</div>
</div></td>
<tr>
<td height="64" colspan="2" valign="middle" class="Footer"><div class="Footer-bold">Copyright
2009 - Chemical</div><div class="Footer-bold-aligned-right">Home ¦ Forum
¦ DKP</div> </td>
</tr>
</table>
</body>
</html>
If you can help it would be much appreciated...
I would like the Site to be also seen with IE
Regards,
Could you describe what goes wrong ?
Now i have looked at the java script and suspects its that as the javascript runs fine in FF but not in IE casuing a cascading effect of the picture,
If you need the CSS just ask
