Jump to content

checking which version of ie user is running

lional

By lional
in Other

 Share

Recommended Posts

lional Advanced Member

lional

Posted
  • Author
Posted

Thanks for the reply

I am new to CSS so I don't understand the conditional comments.

it is for html and css, my only problem is that the top logo does not show in ie6

 

here is my code

!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>

	<title>Stage Metals</title>
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="expires" content="-1" />
	<meta http-equiv="keywords" content="Stage Metals, manufacturers, titanium, stainless steel, duplex & super duplex, nickel alloys, explosion clad material." />
	<meta http-equiv="description" content="Stage Metals is one of the leading manufacturers of titanium, stainless steel, duplex & super duplex, nickel & nickel alloys as well as explosion clad material." />
	<meta name="verify-v1" content="CHcx4A2it8VNOr188Q9hbXwRSCbtv1ySuZIO8OCWh7E=" />
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <link href="css/stage.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div class="main">

<div style="background-image:url('images/top_header.gif'); width:792px; height:120px;">




<div id="menu_back">
			<div class="top_text" style="padding-top:10px; padding-right:20px; padding-left:20px; width:41px; overflow:hidden; margin-right:10px; margin-top:83px;"><a href="contact.html" class="top_text_link">
				contact</a></div>



			<div class="top_text" style="padding-top:10px; padding-right:20px; padding-left:20px; width:41px; overflow:hidden; margin-top:83px;"><a href="services.html" class="top_text_link">
				Services</a></div>

			<div class="top_text" style="padding-top:10px; padding-right:20px; padding-left:20px; width:41px; overflow:hidden; margin-top:83px;"><a href="index.html" class="top_text_link">
				home</a></div>
</div></div>
<div style="width:792px; height:176px; background-color:#E4E4E4;">
			<img src="images/top_image_photo.jpg" alt="Niche insurance solutions for leisure pleasure and life" title="Niche insurance solutions for leisure pleasure and life" width="792px" height="5px" />

		<div style="width:792px;">
			<div style="float:left; background-image:url('images/left_shadow.gif'); width:8px; height:460px;"></div>
			<div style="float:right; background-image:url('images/right_shadow.gif'); width:8px; height:460px;"></div>
			<div style="float:right; background-color:#E4E4E4; background-image:url('images/text_back.gif'); width:776px; height:460px; text-align:left; padding:0px;">
							<table>
			<tr>
			<td width="60%">
			<div id="text">

Stage Metals is one of the leading suppliers of titanium, stainless steel, duplex & super duplex, nickel & nickel alloys as well as explosion clad material.<p></p>
We supply to the Aerospace, Aviation, Nuclear, Petro Chemical, Thermal, Hydraulic, Mechanical and Instrumentation industry.
<p></p>
The Mill presently produces 5000 tons of titanium sheet and plate, 600 tons of titanium tube and 8000 tons of stainless steel tube/pipe per annum.<p></p>
All material is fully certified
</div>
			</td><td align="center" valign="middle">
			<img src="images/fp1.jpg" alt="Stage Metals" border="0"><br><br>
			<img src="images/fp2.jpg" alt="Stage Metals" border="0">
			</td>
			</tr>
			</table>

	</div></div></div>
	<div style="float:right; background-image:url('images/bottom_shadow.gif'); width:792px;"></div>
	<center><b><font face="Arial, Helvetica, sans-serif">This site is best viewed using Firefox, Opera, or IE7 or above</font></b>	</center>

</div>
</body>

</html>

and my css is 

body {
background-color: #E4E4E4; 
margin:0px; text-align:center
}
#heading {
font-family:"Arial Rounded MT Bold";
color:white;
font-size:15px;
}
#text {
	font-size: 11pt	;
	font-family:Arial;
	text-align:justify;
	color:white;
}
#text1 {
	font-size: 11pt	;
	font-family:Arial;
	text-align:	left;
	color:white;
	font-weight:bold;
}

.main {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:75%; 
text-align:center; 
width:792px; 
margin: 0 auto;
}
#menu_back {
	background-image:url('../images/top_back.gif'); 
	width:792px;
}
.top_text {
float:right; 
height:22px; 
background-color:#4a61a5; 

overflow:hidden; 
padding-top:5px; 
font-size:90%;
}
a.top_text_link:link {
color:#FFFFFF; 
text-decoration:none;
}
a.top_text_link:visited {
color:#FFFFFF; 
text-decoration:none;
}
.top_divider {
float:right; 
width:1px; 
height:61px; 
background-color:#3D392E; 
background-image:url('../images/top_divider.gif'); 
overflow:hidden;
}
.right_text {
color:#807E77; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:105%; 
font-weight:bold; 
text-align:right; 
padding-top:9px; 
padding-right:19px;
}
a.right_text_link:link {
color:#807E77; 
text-decoration:none;
}
a.right_text_link:visited {
color:#807E77; 
text-decoration:none;
}

h1 {font-size:125%;}

h2 {
font-size:100%; margin-bottom:0px;}
.bottom_text {
height:35px; 
background-color:#3D392E; 
overflow:hidden; 
font-size:120%;}
a.bottom_text_link:link {
color:#FFFFFF; 
text-decoration:none; 
font-size:120%;
}
a.bottom_text_link:visited {
color:#FFFFFF; 
text-decoration:none; 
font-size:120%;
}
.colours {
float:right; 
width:57px; 
height:10px; 
overflow:hidden; 
}
.h2link:link {
color:#333333;
}
.h2link:visited {
color:#333333;
}
.style1 {
font-family: "Times New Roman";
color:#ffffff; 
font-size:120%;
}
#contact{
border-color:white;
border:2px
}

Link to comment
Share on other sites
edhen Newbie

edhen

Posted
Posted

firstly is your doctype ment to be missing (<)? secondly... also it would help us more if you pasted the code that affects the logo instead of the whole script coz i dont have a clue which part is the logo.. if you wish to do a conditional statement then just do <!--[if lte IE 6]> (which means if less than or equal too ie 6... after that you can place an alternative css file strictly for ie6 browsers or less.... after linking your css close it off with <![endif]-->

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
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.