Jump to content

[SOLVED] Making my layout IE compatable

Xyphon

By Xyphon
in HTML Help

Recommended Posts

Xyphon Regular Member

Xyphon

Posted
Posted

top.php:

<?PHP

include('Connect.php');
if (!isset($_COOKIE['UserID'])) 
{
$ID = $_COOKIE['UserID'];
$ID = mysql_real_escape_string($ID);
echo "
<html>
<title>Naruto Palace RPG</title>
<head>
<style type='text/css'>
a:link {
color:#ACACAC;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#ACACAC;
text-decoration:none;
font-weight:bold;
}

a:hover {
border:1px dashed #000000;
padding-left:5px;
padding-right:5px
}

body {
width:750px;
margin:0px auto;
background:#C0C0C0;
}

#banner {
border:1px solid #000000;
width:748px;
height:148px;
float:left;
background:#5C5C5C;
}

#quicklinks {
border:1px solid;
border-top:0px;
float:left;
width:738px;
padding:0px 5px 0px 5px; 
background:#5C5C5C;
}

#leftmenu {
float:left;
width:128px;
border:1px solid #000000;
border-top:0px;
padding:5px;
background:#5C5C5C;
}

#leftmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#leftmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#leftmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

#content {
float:left;
width:386px;
height:500px;
border:1px solid #000000;
margin:5px;
padding:5px;
background:#5C5C5C;
}

#rightmenu {
float:left;
border:1px solid #000000;
border-top:0px;
padding:5px;
width:190px;
background:#5C5C5C;
}

#rightmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#rightmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#rightmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

textarea {
background:#FFFFFF;
width:100%;
height:200px;
}

#footer {
width:386px;
border:1px solid #000000;
margin-left:145px;
float:left;
padding:5px;
background:#5C5C5C;
}
</style>
</head>
<body>
<div id='banner'><img src='http://img164.imageshack.us/img164/2232/1232399406mq9.png'></div>
<div id='quicklinks'></div>
<div id='leftmenu'>
<ul>
<li>Main
<ul>
<li><a href='index.php'>Home</a></li>
<li><a href='login.php'>Login</a></li>
<li><a href='register.php'>Register</a></li>
</ul>
</li>
</ul></div>
<div id='content'>
";
}
else
{
echo "
<html>
<title>Naruto Palace RPG</title>
<head>
<style type='text/css'>
a:link {
color:#ACACAC;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#ACACAC;
text-decoration:none;
font-weight:bold;
}

a:hover {
border:1px dashed #000000;
padding-left:5px;
padding-right:5px
}

body {
width:750px;
margin:0px auto;
background:#C0C0C0;
}

#banner {
border:1px solid #000000;
width:748px;
height:148px;
float:left;
background:#5C5C5C;
}

#quicklinks {
border:1px solid;
border-top:0px;
float:left;
width:738px;
padding:0px 5px 0px 5px; 
background:#5C5C5C;
}

#leftmenu {
float:left;
width:128px;
border:1px solid #000000;
border-top:0px;
padding:5px;
background:#5C5C5C;
}

#leftmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#leftmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#leftmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

#content {
float:left;
width:386px;
height:500px;
border:1px solid #000000;
margin:5px;
padding:5px;
background:#5C5C5C;
}

#rightmenu {
float:left;
border:1px solid #000000;
border-top:0px;
padding:5px;
width:190px;
background:#5C5C5C;
}

#rightmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#rightmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#rightmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

textarea {
background:#FFFFFF;
width:100%;
height:200px;
}

#footer {
width:386px;
border:1px solid #000000;
margin-left:145px;
float:left;
padding:5px;
background:#5C5C5C;
}
</style>
</head>
<body>
<div id='banner'><img src='http://img164.imageshack.us/img164/2232/1232399406mq9.png'></div>
<div id='quicklinks'></div>
</div>
<!-- END CBOX --></div>
<div id='leftmenu'>
<ul>
<li>Main
<ul>
<li><a href='index.php'>Home</a></li>
<li><a href='logout.php'>Logout</a></li>
<li><a href=''>Rules<font color='red'>*</font></a></li>
<li><a href=''>Forums<font color='red'>*</font></a></li>
<li><a href='itempromo.php'>Item Promo</a></li>
</ul>
</li>
<li>Clans
<ul>
<li><a href='clans.php'>Join a Clan</a></li>
<li><a href=''>Bloodline Shop<font color='red'>*</font></a></li>
</ul>
</li>
<li>Villages
<ul>
<li><a href='village.php'>Join a Village</a></li>
<li><a href='abandon.php'>Abandon Village</a></li>
<li><a href=''>Konoha<font color='red'>*</font></a></li>
<li><a href=''>Suna<font color='red'>*</font></a></li>
<li><a href=''>Kiri<font color='red'>*</font></a></li>
<li><a href=''>Amegakure<font color='red'>*</font></a></li>
</ul>
</li>
<li>Shops
<ul>
<li><a href=''>Taijutsu Shop<font color='red'>*</font></a></li>
<li><a href=''>Ninjutsu Shop<font color='red'>*</font></a></li>
<li><a href=''>Genjutsu Shop<font color='red'>*</font></a></li>
<li><a href=''>Weapon Shop<font color='red'>*</font></a></li>
</ul>
</li>
<li>Sell Items/Jutsus
<ul>
<li><a href=''>Sell Taijutsu<font color='red'>*</font></a></li>
<li><a href=''>Sell Ninjutsu<font color='red'>*</font></a></li>
<li><a href=''>Sell Genjutsu<font color='red'>*</font></a></li>
<li><a href=''>Sell Weapons<font color='red'>*</font></a></li>
</ul>
</li>
</ul>

</div>
<div id='content'>
";


}
$usercheck = addslashes($_POST['username']);
$usercheck = mysql_real_escape_string($usercheck);
    $passcheck = md5(addslashes($_POST['password']));
$passcheck = mysql_real_escape_string($passcheck);
$BannedResult= mysql_query("SELECT * FROM users WHERE id='$ID'");
$BannedRows= mysql_fetch_array($BannedResult);
$IPResult= mysql_query("SELECT * FROM ip_banned");
$IPRows= mysql_fetch_array($IPResult);
$IPBanned= $IPRows['IP'];
if($BannedRows['Banned']=='Yes')
{
echo "Sorry, you are banned. You will now be logged out, please go <a href='index.php'>back</a>.";
$Result1 = mysql_query("SELECT * FROM users WHERE username='$usercheck' AND password='$passcheck'");
    $Rows1 = mysql_fetch_array($Result1);
    

    $UserID = $Rows1['ID'];
setcookie("UserID", "$UserID", time() - 9999999);
include('bottom.php');
exit;
}

?>

bottom.php:

<?PHP
if(isset($_COOKIE['UserID']))
{
$ID = $_COOKIE['UserID'];
$ID = mysql_real_escape_string($ID);
$Search_Query = "SELECT ID FROM users";

$ResultM = mysql_query($Search_Query);

$ResultM_Count = mysql_num_rows($ResultM);
echo "
<html>
</div>
<div id='rightmenu'>
<ul>
<li>Main
<ul>
<li><a href=''>Your PMs<font color='red'>*</font></a></li>
<li><a href='members.php?id=$ID'>Member List(<b>$ResultM_Count</b>)</a></li>
<li><a href='viewprofile.php?id=$ID'>Your Profile</a></li>
<li><a href='viewprofiles.php'>View Profiles</a></li>";
if($Staffornot=="Student")
{
}
elseif($Staffornot=="Genin")
{
}
elseif($Staffornot=="Chuunin")
{
}
elseif($Staffornot=="Jonin")
{
}
elseif($Staffornot=="Sanin")
{
}
else
{
echo "<li><a href='staffoptions.php'>Staff Options</a></li>";
}
echo "<li><a href='medicninja.php'>Medic Ninja</a></li>

</ul>
</li>
</ul>
<ul>
<li>Battle
<ul>
<li><a href=''>Boss Battles<font color='red'>*</font></a></li>
<li><a href=''>Missions<font color='red'>*</font></a></li>
<li><a href='pvp.php'>PvP</a></li>
<li><a href=''>Ranks<font color='red'>*</font></a></li>
</ul>
</li>
</ul>
<ul>
<li>Ninja Ranks
<ul>
<li><a href=''>Genin Exams<font color='red'>*</font></a></li>
<li><a href=''>Chuunin Exams<font color='red'>*</font></a></li>
<li><a href=''>Jonin Exams<font color='red'>*</font></a></li>
<li><a href=''>Sanin Training<font color='red'>*</font></a></li>
</ul>
</li>
</ul>
<ul>
<li>Equipment
<ul>
<li><a href='itembox.php'>Item Box</a></li>
<li><a href='viewitem.php?id=$ID'>Your Equipped Items</a></li>
<li><a href='viewitems.php'>Other Players Items</a></li>
</ul>
</li>
</ul>
</div>
<div id='footer'>Naruto Palace is Copyright 2008 all rights reserved. Naruto Palace is in no way affiliated with the creators of Naruto, or any of their affiliates.</div>


</body>


</html>
";

}

else
{

echo "<html>
</div>
<div id='rightmenu'>
<ul>
<li>Main
<ul>
<li><a href='index.php'>Home</a></li>
<li><a href='login.php'>Login</a></li>
<li><a href='register.php'>Register</a></li>
</ul>
</li>
</ul>
</div>
<div id='footer'>Naruto Palace is Copyright 2008 all rights reserved. Naruto Palace is in no way affiliated with the creators of Naruto, or any of their affiliates.</div>
</body>



</html>
";
}
?>

 

That is it. It works fine in firefox but in IE the right menue floats over past the left menue and above the content.

Link to comment
https://forums.phpfreaks.com/topic/141518-solved-making-my-layout-ie-compatable/
Share on other sites
Xyphon Regular Member

Xyphon

Posted
  • Author
Posted

Heres the page source:

<html>
<title>Naruto Palace RPG</title>
<head>
<style type='text/css'>
a:link {
color:#000000;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#000000;
text-decoration:none;
font-weight:bold;
}

a:hover {
border:1px dashed #000000;
padding-left:5px;
padding-right:5px
}

body {
width:750px;
margin:0px auto;
background:#C0C0C0;
}

#banner {
border:1px solid #000000;
width:748px;
height:148px;
float:left;
background:#5C5C5C;
}

#quicklinks {
border:1px solid;
border-top:0px;
float:left;
width:738px;
padding:0px 5px 0px 5px;
background:#5C5C5C;
}

#leftmenu {
float:left;
width:128px;
border:1px solid #000000;
border-top:0px;
padding:5px;
background:#5C5C5C;
}

#leftmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#leftmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#leftmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

#content {
float:left;
width:386px;
border:1px solid #000000;
margin:5px;
padding:5px;
background:#5C5C5C;
}

#rightmenu {
float:left;
border:1px solid #000000;
border-top:0px;
padding:5px;
width:190px;
background:#5C5C5C;
}

#rightmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#rightmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#rightmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

textarea {
background:#FFFFFF;
width:100%;
height:200px;
}

#footer {
width:386px;
border:1px solid #000000;
margin-left:145px;
float:left;
padding:5px;
background:#5C5C5C;
}
</style>
</head>
<body>
<div id='banner'><img src='http://img164.imageshack.us/img164/2232/1232399406mq9.png'></div>
<div id='quicklinks'></div>
<div id='leftmenu'>
<ul>
<li>Main
<ul>
<li><a href='index.php'>Home</a></li>

<li><a href='login.php'>Login</a></li>
<li><a href='register.php'>Register</a></li>
</ul>
</li>
</ul></div>
<div id='content'>
Content here
<html>
<p></p>
<table width='386' border='2' bordercolor='black'><td>Naruto Palace is Copyright 2008 all rights reserved. Naruto Palace is in no way affiliated with the creators of Naruto, or any of their affiliates.</td></table>
</div>
<div id='rightmenu'>
<ul>
<li>Main
<ul>

<li><a href='index.php'>Home</a></li>
<li><a href='login.php'>Login</a></li>
<li><a href='register.php'>Register</a></li>
</ul>
</li>
</ul>
</div>



</html>

What do you mean by formatting?

BoltZ Member

BoltZ

Posted
Posted

You have a lot of errors in your code that would make it non-complient with IE. First of all a structured document should look like this

 

//doctype here

//html tag here 
/* then do this */

<body>
<head>
<title> blah </title>
//include your style sheets and meta here, etc
</head>
<body>
/*
Here is your html code
*/
</body>
</html>

 

You forgot your doctype, your head section, etc.

 

Cheers. First post here in 2 months. Feels good to be back

Xyphon Regular Member

Xyphon

Posted
  • Author
Posted

Thank you a lot! one more problem, on IE whenever I make bgcolor='grey' it turns green, but lightgrey, red, ect, work.. Sourse:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<head>
<style type='text/css'>
a:link {
color:#000000;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#000000;
text-decoration:none;
font-weight:bold;
}

a:hover {
border:1px dashed #000000;
padding-left:5px;
padding-right:5px
}

body {
width:750px;
margin:0px auto;
background:#C0C0C0;
}

#banner {
border:1px solid #000000;
width:748px;
height:148px;
float:left;
background:#5C5C5C;
}

#quicklinks {
border:1px solid;
border-top:0px;
float:left;
width:738px;
padding:0px 5px 0px 5px;
background:#5C5C5C;
}

#leftmenu {
float:left;
width:128px;
border:1px solid #000000;
border-top:0px;
padding:5px;
background:#5C5C5C;
}

#leftmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#leftmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#leftmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

#content {
float:left;
width:386px;
border:1px solid #000000;
margin:5px;
padding:5px;
background:#5C5C5C;
}

#rightmenu {
float:left;
border:1px solid #000000;
border-top:0px;
padding:5px;
width:190px;
background:#5C5C5C;
}

#rightmenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#rightmenu li {
font-weight:bold;
font-variant:small-caps;
padding:0px 2px;
font-size:medium;
letter-spacing:1px;
}

#rightmenu li ul li {
font-weight:normal;
background:transparent;
padding:0px 8px;
font-size:x-small;
font-variant:normal;
letter-spacing:0px;
}

textarea {
background:#FFFFFF;
width:100%;
height:200px;
}

#footer {
width:386px;
border:1px solid #000000;
margin-left:145px;
float:left;
padding:5px;
background:#5C5C5C;
}
</style>
</head>
<title>Naruto Palace RPG</title>
<body>
<div id='banner'><img src='http://img164.imageshack.us/img164/2232/1232399406mq9.png'></div>
<div id='quicklinks'></div>
</div>
<!-- END CBOX --></div>
<div id='leftmenu'>
<ul>
<li>Main
<ul>
<li><a href='index.php'>Home</a></li>
<li><a href='logout.php'>Logout</a></li>
<li><a href=''>Rules<font color='red'>*</font></a></li>
<li><a href=''>Forums<font color='red'>*</font></a></li>
<li><a href='itempromo.php'>Item Promo</a></li>
</ul>
</li>
<li>Clans
<ul>
<li><a href='clans.php'>Join a Clan</a></li>
<li><a href=''>Bloodline Shop<font color='red'>*</font></a></li>
</ul>
</li>
<li>Villages
<ul>
<li><a href='village.php'>Join a Village</a></li>
<li><a href='abandon.php'>Abandon Village</a></li>
<li><a href=''>Konoha<font color='red'>*</font></a></li>
<li><a href=''>Suna<font color='red'>*</font></a></li>
<li><a href=''>Kiri<font color='red'>*</font></a></li>
<li><a href=''>Amegakure<font color='red'>*</font></a></li>
</ul>
</li>
<li>Shops
<ul>
<li><a href=''>Taijutsu Shop<font color='red'>*</font></a></li>
<li><a href=''>Ninjutsu Shop<font color='red'>*</font></a></li>
<li><a href=''>Genjutsu Shop<font color='red'>*</font></a></li>
<li><a href=''>Weapon Shop<font color='red'>*</font></a></li>
</ul>
</li>
<li>Sell Items/Jutsus
<ul>
<li><a href=''>Sell Taijutsu<font color='red'>*</font></a></li>
<li><a href=''>Sell Ninjutsu<font color='red'>*</font></a></li>
<li><a href=''>Sell Genjutsu<font color='red'>*</font></a></li>
<li><a href=''>Sell Weapons<font color='red'>*</font></a></li>
</ul>
</li>
</ul>

</div>
<div id='content'>
Content here
<html>
<p></p>
<table width='386' border='2' bordercolor='black'><td>Naruto Palace is Copyright 2008 all rights reserved. Naruto Palace is in no way affiliated with the creators of Naruto, or any of their affiliates.</td></table>
</div>

<div id='rightmenu'>
<ul>
<li>Main
<ul>
<li><a href=''>Your PMs<font color='red'>*</font></a></li>
<li><a href='members.php?id=1'>Member List(<b>3</b>)</a></li>
<li><a href='viewprofile.php?id=1'>Your Profile</a></li>
<li><a href='viewprofiles.php'>View Profiles</a></li><li><a href='staffoptions.php'>Staff Options</a></li><li><a href='medicninja.php'>Medic Ninja</a></li>

</ul>
</li>
</ul>
<ul>
<li>Battle
<ul>
<li><a href=''>Boss Battles<font color='red'>*</font></a></li>
<li><a href=''>Missions<font color='red'>*</font></a></li>
<li><a href='pvp.php'>PvP</a></li>
<li><a href=''>Ranks<font color='red'>*</font></a></li>
</ul>
</li>
</ul>
<ul>
<li>Ninja Ranks
<ul>
<li><a href=''>Genin Exams<font color='red'>*</font></a></li>
<li><a href=''>Chuunin Exams<font color='red'>*</font></a></li>
<li><a href=''>Jounin Exams<font color='red'>*</font></a></li>
<li><a href=''>Anbu Training<font color='red'>*</font></a></li>
</ul>
</li>
</ul>
<ul>
<li>Equipment
<ul>
<li><a href='itembox.php'>Item Box</a></li>
<li><a href='viewitem.php?id=1'>Your Equipped Items</a></li>
<li><a href='viewitems.php'>Other Players Items</a></li>
</ul>
</li>
</ul>
</div>



</body>


</html>

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.