Web Design Forum: IE issues - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

IE issues Rate Topic: -----

#1 User is offline   kicker 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 13
  • Joined: 26-January 09
  • Reputation: 0
  • Experience:Beginner
  • Area of Expertise:I'm Learning

Posted 16 February 2009 - 11:08 PM

hi
I am working on my first website ( redesigning again on advice from some of you).

Visit My Website

Its not finished yet but I checked it out in IE 7 and there is clearly an issue with the layout. Firefox is ok. I understand that IE doesnt support certain CSS properties but I'm not sure where to start.
Can anyone point me in the right direction please?



@charset "utf-8";
/* CSS Document */


/* GLOBAL SETTINGS
   ============================= */
   *{
	padding: 0px;
	margin: 0px;

		}
	
body {


background-color:#4682b4;				 

	}
	
	#wrapper {
	position:relative;
		width: 770px;
		height:600px;
		background-image:url(back.jpg);
		background:repeat:repeat-x;
		margin-left: auto;
		margin-right: auto;
		text-align: center;

		}


	div#content {
	position:relative;
	width:590px;
	height:380px;
	margin-left:20%;
	margin-right:15%;
	top:100px;

		}

div#box{
float:right;
width:150px;
margin:0 0 0 15px;
background:#E4E7F2;
text-align:center
}


	
	#header{
	position:relative;
	height:20px;
	width:200x;
	background-color:#3366ff;
	top:0px;
	margin-left:20%;
	margin-right:20%;

	}
		
	#nav{
	position:relative;
	margin-bottom: 20px;
	width:600x;
	background-color:#0000cd;
	top:90px;
	margin-left:20%;
	margin-right:20%;
	}
	

				
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{font-family:Verdana, Arial, Helvetica, sans-serif;
display: inline;
list-style-type: none;
font-size:14px;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
				
				
/* #footer{
	position: absolute;
	bottom: 0px;
	height:40px;
	width:615px;
	left: 124px;



} */


div#footer{
	position:absolute;
	bottom:0px;

	text-align: center;
	font-size: 90%;
	background-color: #6495ED;
height:30px;

	width:770px;
	

}

	
	
	#text {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	top:5px;
	width:523px;
	height:347px;
	
}
	
	
	
		#p {
		font-size:36px;
		padding: 2px;
 		margin: 3px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		
		
		h1 {
		font-size:36px;
		background-image:url(back.jpg);
		background:repeat:repeat-x;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}

Thanks
Kicker
0

#2 User is offline   pat24 

  • Guru of nothing important!!
  • PipPipPipPipPip
  • Group: Members
  • Posts: 2,183
  • Joined: 29-April 08
  • Reputation: 131
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 16 February 2009 - 11:17 PM

Hi

I would start by sorting out your head section

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
">




<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style4.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>


<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
	return;



Rounded("div#nav","#3366ff","#0000cd","small");
Rounded("div#footer","transparent","#6495ED");


}
</script>




<title>KnowMedicines</title>

<style type="text/css">
<!--


-->
</style>
</head>


should be

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style4.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>


<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
	return;



Rounded("div#nav","#3366ff","#0000cd","small");
Rounded("div#footer","transparent","#6495ED");


}
</script>




<title>KnowMedicines</title>

<style type="text/css">
<!--


-->
</style>
</head>


Pat
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users