10-19-07, 05:05 PM
Newbie Coder
Join Date: Oct 2006
Posts: 73
Thanks: 0
Thanked 0 Times in 0 Posts
IE6 Issue
the site looks how it is supposed to look in FF, IE7 but not IE6.
Can someone help guide me in the right direction.
http://mattsimoni.com/new/index.html
10-19-07, 08:09 PM
Community Liaison
Join Date: Dec 2006
Location: Tacoma, Washington USA
Posts: 3,454
Thanks: 0
Thanked 140 Times in 137 Posts
Maybe like this:
HTML 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> RidgeGate Insurance</title>
<script type="text/javascript" src="scripts.js" > </script>
<script type="text/javascript" src="simpletreemenu.js" > </script>
<style type="text/css" media="screen" >
html, body {
margin : 0;
padding : 0;
}
body {
color : #333333;
width : 1024px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #fff;
background-image: url(i/lft_side.gif);
background-repeat: repeat-y;
background-position: left top;
}
div#bd_container {
width: 729px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: 0px;
padding: 0px;
}
div#bd_header {
width: 729px;
margin: 0px;
padding: 0px;
}
h1#bd_mainhead {
width: 729px;
height: 110px;
text-align: right;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #990000;
text-decoration: none;
margin-left: 35px;
margin-bottom:0;
background-image: url(i/Ridgelogo.gif);
background-repeat: no-repeat;
background-position: left top;
}
div#bd_primary {
float: right;
width: 553px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
padding-left: 5px;
min-height:350px;
overflow: hidden;
}
div#bd_secondary {
float: left;
width: 165px;
overflow: hidden;
}
br#clearBoth {
clear: both;
margin: 0px;
padding: 0px;
}
/*nav styles*/
ul#subNavList {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
border:none;
}
ul#subNavList li {
list-style-type: none;
display: inline;
float: right;
margin-left: 5px;
}
ul#subNavList li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #FFFFFF;
border-bottom-style: none;
display: block;
background-color: #990000;
width: 100px;
height: 20px;
text-align: center;
vertical-align: bottom;
line-height: 150%;
background-repeat: no-repeat;
background-image: url(i/Untitled-1.gif);
}
ul#subNavList li a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #FFFFFF;
border-bottom-style: none;
display: block;
width: 100px;
height: 20px;
text-align: center;
}
ul#subNavList li a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #333333;
height: 20px;
width: 100px;
background-image: url(i/Untitled-1%20over.gif);
}
ul#subNavList li a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #FFFFFF;
border-bottom-style: none;
display: block;
width: 100px;
height: 20px;
text-align: center;
}
#bd_container #bd_header p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF0000;
text-decoration: none;
text-align: right;
margin: 0px;
padding: 0px;
}
#bd_container #bd_co {
clear: both;
background-image: url(i/co_img.gif);
background-repeat: no-repeat;
padding-bottom: 134px;
padding-top: 5px;
background-position: center bottom;
border-top-width: 7px;
border-top-style: solid;
border-top-color: #777777;
margin-top: 8px;
}
#flash {
clear:both;
border-top-width: 7px;
border-top-style: solid;
border-top-color: #990000;
padding-top: 5px;
margin-left:35px;
}
#NavList {
width: 165px;
text-align: left;
}
#NavList li {
margin-top: 8px;
margin-left: 0px;
list-style-type: none;
padding: 0px;
margin-right: 0px;
text-indent: 0px;
margin-bottom: 0px;
}
#NavList a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #FFFFFF;
background-image: url(i/home.gif);
list-style-type: none;
text-decoration: none;
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 150px;
height: 20px;
padding: 0px;
line-height: 150%;
letter-spacing: 1px;
overflow: visible;
}
#NavList a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #FFFFFF;
background-image: url(i/home.gif);
list-style-type: none;
text-decoration: none;
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 150px;
height: 20px;
padding: 0px;
line-height: 150%;
letter-spacing: 1px;
}
#NavList a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #FFFFFF;
background-image: url(i/home-over.gif);
list-style-type: none;
text-decoration: none;
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 150px;
height: 20px;
padding: 0px;
line-height: 150%;
letter-spacing: 1px;
}
#NavList a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #FFFFFF;
background-image: url(i/home.gif);
list-style-type: none;
text-decoration: none;
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 150px;
height: 20px;
padding: 0px;
line-height: 150%;
letter-spacing: 1px;
}
#bd_container #bd_primary #bd_content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #990000;
text-decoration: none;
text-indent: 10px;
padding: 0px;
margin-top: 6px;
}
#bd_footerContent {
margin-left:35px;
}
#bd_container #bd_footerContent {
float: none;
width: 729px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #CCCCCC;
text-indent: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}
#bios {
list-style-position: inside;
list-style-image: url(i/bullet.gif);
list-style-type: none;
width: 130px;
padding: 0px;
margin-left: 15px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
line-height: 125%;
}
#bios li {
margin-top: 5px;
padding: 0px;
}
#bios a {
line-height: 110%;
color: #990000;
margin-left: 5px;
}
#bios a:visited {
line-height: 110%;
color: #990000;
margin-left: 5px;
}
#bios a:hover {
line-height: 110%;
color: #FFCC00;
margin-left: 5px;
}
#bios a:active {
line-height: 110%;
color: #990000;
margin-left: 5px;
}
#services {
padding: 0px;
margin: 0px;
}
#services li {
padding: 0px;
margin-left: 50px;
list-style-type: square;
list-style-position: outside;
margin-top: 5px;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #990000;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #990000;
text-decoration: none;
font-weight: bold;
font-size: 11px;
}
a:hover {
color: #FFCC00;
text-decoration: underline;
font-weight: bold;
font-size: 11px;
}
a:active {
color: #990000;
text-decoration: none;
font-weight: bold;
font-size: 11px;
}
#foldheader {
cursor:pointer;
cursor:hand;
font-weight:bold;
list-style-image:url(http://mattsimoni.com/new/images/bluefolder.gif)
}
#foldinglist {
list-style-image:url(http://mattsimoni.com/new/images/folder.gif)
}
.treeview ul { /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}
.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
margin-bottom: 10px;
margin-top: 5px;
padding-left: 15px;
}
.treeview li.submenu { /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important;
cursor: pointer !important;
}
.treeview li.submenu ul { /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}
.treeview .submenu ul li { /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
.style1 {
color: #990000
}
</style>
<!--[if lte IE 7]>
<style>
#flash{
margin-top: 10px;
}
</style>
<![endif]--> <!--[if lte IE 6]>
<style>
div#bd_primary {
float: right;
width: 553px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
padding-left: 5px;
min-height:350px;
}
div#bd_secondary {
float: left;
width: 165px;
}
#flash{
margin-top: 0px;
}
</style>
<![endif]--> <script src="http://mattsimoni.com/new/Scripts/AC_RunActiveContent.js" type="text/javascript" > </script>
</head>
<body>
<div id="bd_container" >
<div id="bd_header" >
<h1 id="bd_mainhead" >
\
<br />
\PST </h1>
<ul id="subNavList" >
<li> <a href="sitemap.php" title="Site Maps" > Site Map</a> </li>
<li> <a href="request.php" title="Request Quote" > Request Quote</a> </li>
<li> <a href="login.php" title="Client Login" > Client Login</a> </li>
<li> <a href="usc.php" title="USC Schedule" > USC Schedule</a> </li>
</ul>
</div>
<div id="flash" >
<script type="text/javascript" >
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','729','height','175','src','banners/ridge2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banners/ridge2' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="729" height="175" >
<param name="movie" value="banners/ridge2.swf" />
<param name="quality" value="high" />
<embed src="banners/ridge2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="729" height="175" > </embed>
</object>
</noscript>
</div>
<div id="bd_primary" >
<h3 id="bd_content" > RidgeGate Insurance</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pulvinar pharetra magna. Praesent quis est et libero ultricies convallis. Fusce hendrerit quam nec justo. Nulla posuere, nibh sit amet accumsan fermentum, orci justo porta erat, vitae hendrerit mauris nunc vitae diam. Duis vel elit nec lacus rutrum egestas. Maecenas eget felis. Vestibulum convallis faucibus odio. Nulla consectetuer. Sed in ante eget nibh aliquet pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam cursus justo a ipsum. In nunc arcu, commodo hendrerit, interdum vel, consequat ut, tortor. Fusce porttitor risus et velit. Fusce vel felis. Cras fringilla gravida orci.</p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pulvinar pharetra magna. Praesent quis est et libero ultricies convallis. Fusce hendrerit quam nec justo. Nulla posuere, nibh sit amet accumsan fermentum, orci justo porta erat, vitae hendrerit mauris nunc vitae diam. Duis vel elit nec lacus rutrum egestas. Maecenas eget felis. Vestibulum convallis faucibus odio. Nulla consectetuer. Sed in ante eget nibh aliquet pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam cursus justo a ipsum. In nunc arcu, commodo hendrerit, interdum vel, consequat ut, tortor. Fusce porttitor risus et velit. Fusce vel felis. Cras fringilla gra</p>
</div>
<div id="bd_secondary" >
<ul id="NavList" >
<li> <a href="index.php" title="Home" > Home</a> </li>
<li> <a href="aboutus.php" title="About Us" > About Us</a> </li>
<li> <a href="services.php" title="Services" > Services</a> </li>
<li> <a href="affiliates.php" title="Affiliates" > Affiliates</a> </li>
<li> <a href="carriers.php" title="Carriers" > Carriers</a> </li>
<li> <a href="glossary.php" title="Glossary" > Glossary</a> </li>
<li> <a href="contact.php" title="Contact Us" > Contact Us</a> </li>
</ul>
</div>
<br id="clearBoth" />
<div id="bd_footerContent" >
<table width="728" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td> <p> Privacy Policy</p> </td>
<td> <p align="right" > © </p> </td>
</tr>
<tr>
<td> <p> Web Site Hits: 2345</p> </td>
<td> <p align="right" > Design by Simoni Web Designs</p> </td>
</tr>
</table>
</div>
</div>
</body>
</html>
__________________
11-05-07, 10:35 PM
Newbie Coder
Join Date: Aug 2007
Location: Mid-South
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
Have you thought about using check browser type? You can set the display standards by using the check browser, which then if a person using a Unix system were to happen upon your site, the site would then be displayed better for them as well. Here's some sample code to get you going in the right direction.
javascript Code:
// Netscape check version 4.0+ on Win
if ( browserName.indexOf ( "Netscape" ) !=-1 && version>=4 .0 && operatingSystem.indexOf ( "Mac" ) !=-1 )
{
window.open ( URLen,windowNamen,'titlebar=no,top=0,left=0,width=' + window.screen .availWidth +',height=' +window.screen .availWidth +',screenX=0,screenY=0,top=0,left=0' )
}
// MSIE Mac check
else if ( browserName.indexOf ( "Microsoft Internet Explorer" ) !=-1 && operatingSystem.indexOf ( "Mac" ) !=-1 )
{
window.open ( URLen,windowNamen,'titlebar=no,top=0,left=0,width=' + window.screen .availWidth +',height=' +window.screen .availWidth +',screenX=0,screenY=0,top=0,left=0' )
}
// Netscape Mac check
else if ( browserName.indexOf ( "Netscape" ) !=-1 && operatingSystem.indexOf ( "Mac" ) !=-1 )
{
window.open ( URLen,windowNamen,'width=' +screen.width +',height=' +screen.height +',top=0,left=0' ) ;
}
// MSIE Windows
else if ( browserName.indexOf ( "Microsoft Internet Explorer" ) !=-1 && operatingSystem.indexOf ( "Win" ) !=-1 )
{
//window.open(URLen,windowNamen,'fullscreen=yes')
var win = window.open ( URLen,windowNamen,'titlebar=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,top=0,left=0,width=' + window.screen .availWidth +',height=' +window.screen .availHeight +',screenX=0,screenY=0,top=0,left=0' )
win.resizeTo ( screen.width , screen.height ) ;
//win.moveTo(1, 1);
//win.moveTo(0, 0);
//win.resizeTo(screen.width, screen.height);
}
// Netscape Windows
else if ( browserName.indexOf ( "Netscape" ) !=-1 && operatingSystem.indexOf ( "Win" ) !=-1 )
{
window.open ( URLen,windowNamen,'width=' +screen.width +',height=' +screen.height +',top=0,left=0' ) ;
}
else
{
window.open ( URLen,windowNamen) ;
}
}
Hope this helped some!
T
Last edited by Nico; 11-06-07 at 05:55 AM .
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools
Display Modes
Linear Mode
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
IE6 Issue
Linear Mode
