Welcome to the { mindfrost82.com } forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.

Go Back   { mindfrost82.com } > Gadget Corner > Tech Newsgroups > Software > Adobe Software > Dreamweaver
Reload this Page How to make page that works in Firefox compatable withIE??

Reply
 
LinkBack Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old 07-28-2008, 10:15 PM
Brandon7777
 
Posts: n/a
How to make page that works in Firefox compatable withIE??
I have the following template that works fine in Firefox but the text on the
sidebar is messed up for IE. What can I do to make it work for both??

Thanks!!

TEMPLATE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Beaver Cove Marina</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Blue Island" />
<meta name="keywords" content="css template" />
<meta name="author" content="David Herreman
(http://www.free-css-templates.com)" />
<style type="text/css" media="all">@import
"../Blue_Island/images/style.css";</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0"
href="../Blue_Island/rss" />
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style1 {color: #3A3A3A}
#apDiv1 {
position:absolute;
left:697px;
top:276px;
width:98px;
height:46px;
z-index:1;
float: right;
}
.style2 {
color: #FFFFFF
}
.style3 {font-size: 11px}
.style4 {color: #FFFFFF; font-size: 11px; }
-->
</style>
</head>

<body>
<div id="page-container">
<div id="header"><img src="../Beaver-Cover-layers-White-BG.jpg" width="760"
height="220" /></div>
<div id="menu">
<div class="padding">
<a href="../www/index.php">Home</a> |
<a href="../pages/lodging.php">Lodging</a> | <a
href="../pages/brokerage.php">Brokerage</a> | <a
href="../pages/rentals.php">Rentals</a>|
<a href="../pages/links.php">Links</a> |
<a href="../pages/contact.php">Contact</a>
<div class="floatRight">
<p>&nbsp;</p>
<p align="right"><img src="../img/weather.jpg" width="98" height="45"
border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="2,2,96,42"
href="http://forecast.weather.gov/MapClick.php?CityName=Greenville&amp;state=ME&
amp;site=CAR&amp;textField1=45.4667&amp;textField2 =-69.5928&amp;e=1"
alt="weather" />
</map></p>
</div>
</div>

</div>


<div id="sidebar-a">
<div class="roundcont">
<p class="style1">&nbsp;</p>
<p class="text style2 style3"><strong>Beaver Cove Marina
Services:</strong></p>
<div class="style2" id="myhr"></div>
<p class="style4">Boat Rentals</p>
<p class="style4"> Lodging</p>
<p class="style4"> Launch Ramp</p>
<p class="style4"> Slip Rentals</p>
<p class="style4"> Boat Service &amp; Repair</p>
<p class="style4"> Ship&rsquo;s Store</p>
<p class="style4"> Fuel Dock</p>
<p class="style4"> Pump-out Facility</p>
<p class="style4"> Marine Services</p>
<p class="style4"> Dedicated Seaplane Dock</p>
</div>
</div>

<div id="content">
<div class="padding"><!-- TemplateBeginEditable name="EditRegion3" --><!--
TemplateEndEditable -->
<h2></h2>
<!-- TemplateBeginEditable name="EditRegion4" --><!--
TemplateEndEditable -->
<p class="date">.</p>

<h2>&nbsp;</h2>
<p class="date">.</p>

</div>
</div>
<br />

<div id="footer">
Copyright &copy; 2008 Brandon Chase. All Rights Reserved.</div>
</div>
</body>
</html>



////////////////////////CSS
CODE////////////////////////////////////////////////


/*

Blue Island Free Template
by David Herreman
http://www.free-css-templates.com

*/


textarea.text {
height: 150px;
width: 90%;
border: 1px solid #ccc;
background: #fff;
color: #000;
}

textarea.text:hover {
border: 1px solid #eee;
background: #FFFFF4;
color: #000;
}

input.field {
border: 1px solid #ccc;
background-color: #FFFFFF;
width: 200px;
color: #000;
}

input.field:hover {
border: 1px solid #eee;
background: #FFFFF4;
color: #000;
}

input.text {
margin: 0;
width: 110px;
border: 1px solid #eee;
background: #FFF;
color: #000;
}

input.text:hover {
border: 1px solid #ccc;
}

input.searchbutton {
margin: 0;
font-size: 100%;
font-family: Arial, Sans-serif;
border: none;
background: #FFFFFF;
color: #808080;
padding: 1px;
font-weight: bold;
}

input.button {
background: #FFFFF4;
color: #808080;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

h4 {
font-size: 12px;
color: #50922C;
text-align: left;
background-color: #fff;
}

.date {
text-align: right;
color: #808080;
font-size: 11px;
background-color: #cad9de;
}

.date a {
color: #003647;
background-color: #cad9de;
}



#page-container {
width: 760px;
text-align: left;
margin: auto;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
background-color: #CBDDE1;









}

body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #666666;
background: #405060;
text-align: center;
top: auto;

}


#header {
height: 212px;
padding: 0 0 0 0px;
text-align: right;
color: #fff;
font-size: 10px;
background-color: #cad9de;
background-image: url(header.jpg);
background-repeat: no-repeat;
background-position: center;
}

#header a {
color: #000;
}

#header .text {
text-align: right;
color: #003647;
font-size: 12px;
padding: 25px 25px 10px 0px;
font-weight: bold;
}

* html #header .text {
text-align: right;
color: #003647;
font-size: 12px;
padding: 25px 0px 0px 0px;
font-weight: bold;
}

#header input.button {
float: right;
background: #003647;
border: none;
color: #fff;
font-weight: bold;
background: #003647;

}


#header .padding {
padding: 80px 25px 0px 0px;
}

#header .padding_passwd {
padding: 20px 25px 0px 0px;
}

* html #header .padding {
padding: 80px 17px 0px 0px;
}

* html #header .padding_passwd {
padding: 17px 17px 0px 0px;
}

#header input.text {
width: 109px;
height:24px;
border: 0;
background: url(input2.gif) no-repeat;
padding: 4px;
color: #003647;
}

* html #header input.text {
width: 109px;
height:24px;
border: 0;
padding-right: 10px;
color: #003647;
background-image: none;
background-repeat: no-repeat;
}


#menu {
height: 87px;
text-align: center;
color: #fff;
font-size: 10px;
font-size: 100%;
padding-top: 7px;
background-color: #CBDDE1;
background-image: url(menu2.jpg);
background-repeat: no-repeat;
background-position: center top;
}


#menu .padding {
padding-top: 3px;
}

* html #menu .padding {
padding-top: 5px;
}

* html #menu {
background: #cad9de url("menu.jpg") top center no-repeat;
height: 87px;
text-align: center;
color: #fff;
font-size: 10px;
font-size: 100%;
padding: 0px;
}

#menu a {
color: #fff;
font-size: 9pt;
font-weight: bold;
padding: 0px 10px 0px 10px;
text-decoration: none;
}

#menu a:hover {
color: #fff;
font-size: 9pt;
font-weight: bold;
padding: 0 10px 0 10px;
text-decoration: underline ;

}


#menu input.button {
background: #003647;
border: none;
color: #fff;
font-weight: bold;
}

* html #menu input.button {
background: #003647;
border: none;
color: #fff;
font-weight: bold;

}

.search {
color: #fff;
clear: both;
font-weight: bold;
padding: 10px 25px 10px 10px;
margin: 5px 0;
}

* html .search {
color: #fff;
clear: both;
font-weight: bold;
padding: 0px 0px 00px 0px;
margin: 0px 0;
}

#menu input.text {
width: 292px;
border: 0;
background: #FFF url(input.gif) no-repeat;
margin-top: 4px;
padding: 4px;
color: #003647;
}

* html #menu input.text {
border: 0px;
background: url(input.gif) no-repeat;
margin-top: 0px;
padding: 4px;
color: #003647;
}

#myhr {
background: url(hr.gif) no-repeat center;
margin: 13px;
height: 1px;
background-color: #eee;
}


#content {
padding-top: 0px;
margin-right: 255px;
line-height: 18px;
padding-left: 10px;
background-image: none;
background-repeat: no-repeat;
background-position: center center;
}

#content .padding {
padding: 10px 10px 0px 10px;
color: #000000;

}


#content h2 {
margin-top: 5px;
padding-top: 5px;
padding-bottom: 0px;
color: #003647;
line-height: 30px;
}


* html #content h2 {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 0px;
color: #003647;
line-height: 30px;
background-color: #cad9de;
}

#content a {
color: #003647;
text-decoration: none;
background-color: #cad9de;
}

#content p {
margin: 0;
padding: 0;
padding-top: 5px;
background-color: #CBDDE1;
}

#box {
width: auto;
line-height: 18px;
margin-top: 30px;
margin-right: 20px;
margin-left: 10px;
padding: 10px 10px 10px 10px;
background-color: #eee;
border: 1px;
border-style: solid;
border-color: #003647;
}

#sidebar-a {
float: right;
width: 195px;
line-height: 18px;
margin-top: 30px;
margin-right: 20px;
background-color: #CBDDE1;
background-repeat: no-repeat;
}

* html #sidebar-a {
float: right;
width: 95px;
line-height: 18px;
margin-top: 30px;
margin-right: 10px;
padding-left: 0px;
padding-right: 0px;
background-color: #eee;
}



* html #sidebar-a p {
width: 173px;
margin-left: 10px;
margin-top: 15px;
text-decoration: none ;
text-align: left;
background-color: #eee;
}



#footer {
clear:both;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #fff;
padding: 4px 0px;
text-align: center;
background-color: #003647;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
}

#footer #copyright {
padding-top: 1px;
}

.hidden {
display: none;

Reply With Quote
  #2 (permalink)  
Old 07-28-2008, 11:42 PM
Mangler
 
Posts: n/a
Re: How to make page that works in Firefox compatable with IE??
On Jul 28, 5:15*pm, "Brandon7777" <webforumsu...@macromedia.com>
wrote:
> I have the following template that works fine in Firefox but the text on the
> sidebar is messed up for IE. What can I do to make it work for both??
>
> *Thanks!!
>
> *TEMPLATE:
>
> *<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> * * * * "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> *<html>
> *<head>
> *<!-- TemplateBeginEditable name="doctitle" -->
> *<title>Beaver Cove Marina</title>
> *<!-- TemplateEndEditable -->
> *<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
> * * * * <meta http-equiv="Content-Language" content="en-us" />
> * * * * <meta http-equiv="imagetoolbar" content="no" />
> * * * * <meta name="MSSmartTagsPreventParsing" content="true"/>
> * * * * <meta name="description" content="Blue Island" />
> * * * * <meta name="keywords" content="css template" />
> * * * * <meta name="author" content="David Herreman
> (http://www.free-css-templates.com)" />
> * * * * <style type="text/css" media="all">@import
> "../Blue_Island/images/style.css";</style>
> * * * * <link rel="alternate" type="application/rss+xml" title="RSS 2.0"
> href="../Blue_Island/rss" />
> * * *<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
> * * *<style type="text/css">
> *<!--
> *.style1 {color: #3A3A3A}
> *#apDiv1 {
> * * * * position:absolute;
> * * * * left:697px;
> * * * * top:276px;
> * * * * width:98px;
> * * * * height:46px;
> * * * * z-index:1;
> * * * * float: right;
> *}
> *.style2 {
> * * * * color: #FFFFFF
> *}
> *.style3 {font-size: 11px}
> *.style4 {color: #FFFFFF; font-size: 11px; }
> *-->
> * * *</style>
> *</head>
>
> *<body>
> *<div id="page-container"> * * *
> * * * * <div id="header"><img src="../Beaver-Cover-layers-White-BG.jpg" width="760"
> height="220" /></div>
> *<div id="menu">
> * * * * * * * * <div class="padding">
> * * * * * * * * <a href="../www/index.php">Home</a> |
> * * * * * * * * <a href="../pages/lodging.php">Lodging</a> | <a
> href="../pages/brokerage.php">Brokerage</a> | <a
> href="../pages/rentals.php">Rentals</a>|
> * * * * * * * * <a href="../pages/links.php">Links</a> |
> * * * * * * * * <a href="../pages/contact.php">Contact</a>
> * * * * * * * * <div class="floatRight">
> * * * * * * * * * <p>&nbsp;</p>
> * * * * * * * * * <p align="right"><img src="../img/weather.jpg" width="98" height="45"
> border="0" usemap="#Map" />
> * * * * * * *<map name="Map" id="Map"><area shape="rect" coords="2,2,96,42"
> href="http://forecast.weather.gov/MapClick.php?CityName=Greenville&stat...
> amp;site=CAR&amp;textField1=45.4667&amp;textField2 =-69.5928&amp;e=1"
> alt="weather" />
> *</map></p>
> * * * * * * * * </div>
> * * * * * * * * </div>
>
> *</div>
>
> * * * * <div id="sidebar-a">
> * * * * * * * * <div class="roundcont">
> * * * * * * * * * <p class="style1">&nbsp;</p>
> * * * * * * * * * <p class="text style2 style3"><strong>Beaver Cove Marina
> Services:</strong></p>
> * * * * * * * * * <div class="style2" id="myhr"></div>
> * * * * * * * * * <p class="style4">Boat Rentals</p>
> * * * * * * * * * * <p class="style4"> Lodging</p>
> * * * * * * * * * * <p class="style4"> Launch Ramp</p>
> * * * * * * * * * * <p class="style4"> Slip Rentals</p>
> * * * * * * * * * * <p class="style4"> Boat Service&amp; Repair</p>
> * * * * * * * * * * <p class="style4"> Ship&rsquo;sStore</p>
> * * * * * * * * * * <p class="style4"> Fuel Dock</p>
> * * * * * * * * * * <p class="style4"> Pump-out Facility</p>
> * * * * * * * * * * <p class="style4"> Marine Services</p>
> * * * * * * * * * * <p class="style4"> Dedicated Seaplane Dock</p>
> * * * * * * * </div>
> * *</div>
>
> * * * * <div id="content">
> * * * * * * * * <div class="padding"><!-- TemplateBeginEditable name="EditRegion3" --><!--
> TemplateEndEditable -->
> * * * * * * * * * * * * <h2></h2>
> * * * * * * *<!-- TemplateBeginEditable name="EditRegion4" --><!--
> TemplateEndEditable -->
> * * * * * *<p class="date">.</p>
>
> * * * * * * * * * <h2>&nbsp;</h2>
> * * * * * * * * * <p class="date">.</p>
>
> * * * * * </div>
> * *</div>
> * * * * <br />
>
> * * * * <div id="footer">
> * * *Copyright &copy; 2008 Brandon Chase. All Rights Reserved.</div>
> *</div>
> *</body>
> *</html>
>
> *////////////////////////CSS
> CODE////////////////////////////////////////////////
>
> */*
>
> * * * * Blue Island Free Template
> * * * * by David Herreman
> * * * *http://www.free-css-templates.com
>
> **/
>
> *textarea.text {
> * * * * height: 150px;
> * * * * width: 90%;
> * * * * border: 1px solid #ccc;
> * * * * background: #fff;
> * * * * color: #000;
> *}
>
> *textarea.text:hover {
> * * * * border: 1px solid #eee;
> * * * * background: #FFFFF4;
> * * * * color: #000;
> *}
>
> *input.field {
> * * * * border: 1px solid #ccc;
> * * * * background-color: #FFFFFF;
> * * * * width: 200px;
> * * * * color: #000;
> *}
>
> *input.field:hover {
> * * * * border: 1px solid #eee;
> * * * * background: #FFFFF4;
> * * * * color: #000;
> *}
>
> *input.text {
> * * * * margin: 0;
> * * * * width: 110px;
> * * * * border: 1px solid #eee;
> * * * * background: #FFF;
> * * * * color: #000;
> *}
>
> *input.text:hover {
> * * * * border: 1px solid #ccc;
> *}
>
> *input.searchbutton {
> * * * * margin: 0;
> * * * * font-size: 100%;
> * * * * font-family: Arial, Sans-serif;
> * * * * border: none;
> * * * * background: #FFFFFF;
> * * * * color: #808080;
> * * * * padding: 1px;
> * * * * font-weight: bold;
> *}
>
> *input.button {
> * * * * background: #FFFFF4;
> * * * * color: #808080;
> * * * * border-right: 1px solid #ccc;
> * * * * border-bottom: 1px solid #ccc;
> *}
>
> *h4 {
> * * * * font-size: 12px;
> * * * * color: #50922C;
> * * * * text-align: left;
> * * * * background-color: #fff;
> *}
>
> *.date {
> * * * * text-align: right;
> * * * * color: #808080;
> * * * * font-size: 11px;
> * * * * background-color: #cad9de;
> *}
>
> *.date a {
> * * * * color: #003647;
> * * * * background-color: #cad9de;
> *}
>
> *#page-container {
> * * * * width: 760px;
> * * * * text-align: left;
> * * * * margin: auto;
> * * * * background-attachment: scroll;
> * * * * background-repeat: no-repeat;
> * * * * background-position: center center;
> * * * * background-color: #CBDDE1;
>
> *}
>
> *body {
> * * * * font-family: Arial, Helvetica, Verdana, Sans-serif;
> * * * * font-size: 12px;
> * * * * color: #666666;
> * * * * background: #405060;
> * * * * text-align: center;
> * * * * top: auto;
>
> *}
>
> *#header {
> * * * * height: 212px;
> * * * * padding: 0 0 0 0px;
> * * * * text-align: right;
> * * * * color: #fff;
> * * * * font-size: 10px;
> * * * * background-color: #cad9de;
> * * * * background-image: url(header.jpg);
> * * * * background-repeat: no-repeat;
> * * * * background-position: center;
> *}
>
> *#header a {
> * color: #000;
> *}
>
> *#header .text {
> * * * * text-align: right;
> * * * * color: #003647;
> * * * * font-size: 12px;
> * * * * padding: 25px 25px 10px 0px;
> * * * * font-weight: bold;
> *}
>
> ** html #header .text {
> * * * * text-align: right;
> * * * * color: #003647;
> * * * * font-size: 12px;
> * * * * padding: 25px 0px 0px 0px;
> * * * * font-weight: bold;
> *}
>
> *#header input.button {
> * * * * float: right;
> * * * * background: #003647;
> * * * * border: none;
> * * * * color: #fff;
> * * * * font-weight: bold;
> * * * * background: #003647;
>
> *}
>
> *#header .padding {
> * * * * padding: 80px 25px 0px 0px;
> *}
>
> *#header .padding_passwd {
> * * * * padding: 20px 25px 0px 0px;
> *}
>
> ** html #header .padding {
> * * * * padding: 80px 17px 0px 0px;
> *}
>
> ** html #header .padding_passwd {
> * * * * padding: 17px 17px 0px 0px;
> *}
>
> *#header input.text {
> * * * * width: 109px;
> * * * * height:24px;
> * * * * border: 0;
> * * * * background: url(input2.gif) no-repeat;
> * * * * padding: 4px;
> * * * * color: #003647;
> *}
>
> ** html #header input.text {
> * * * * width: 109px;
> * * * * height:24px;
> * * * * border: 0;
> * * * * padding-right: 10px;
> * * * * color: #003647;
> * * * * background-image: none;
> * * * * background-repeat: no-repeat;
> *}
>
> *#menu {
> * * * * height: 87px;
> * * * * text-align: center;
> * * * * color: #fff;
> * * * * font-size: 10px;
> * * * * font-size: 100%;
> * * * * padding-top: 7px;
> * * * * background-color: #CBDDE1;
> * * * * background-image: url(menu2.jpg);
> * * * * background-repeat: no-repeat;
> * * * * background-position: center top;
> *}
>
> *#menu .padding {
> * * * * padding-top: 3px;
> *}
>
> ** html #menu .padding {
> * padding-top: 5px;
> *}
>
> ** html #menu {
> * * * * background: #cad9de url("menu.jpg") top center no-repeat;
> * * * * height: 87px;
> * * * * text-align: center;
> * * * * color: #fff;
> * * * * font-size: 10px;
> * * *font-size: 100%;
> * * * * padding: 0px;
> *}
>
> *#menu a {
> * * * * color: #fff;
> * * * * font-size: 9pt;
> * * * * font-weight: bold;
> * * * * padding: 0px 10px 0px 10px;
> * * * * text-decoration: none;
> *}
>
> *#menu a:hover {
> * * * * color: #fff;
> * * * * font-size: 9pt;
> * * * * font-weight: bold;
> * * * * padding: 0 10px 0 10px;
> * * * * text-decoration: underline ;
>
> *}
>
> *#menu input.button {
> * * * * background: #003647;
> * * * * border: none;
> * * * * color: #fff;
> * * * * font-weight: bold;
> *}
>
> ** html #menu input.button {
> * * * * background: #003647;
> * * * * border: none;
> * * * * color: #fff;
> * * * * font-weight: bold;
>
> *}
>
> *.search {
> * * * * color: #fff;
> * * * * clear: both;
> * * * * font-weight: bold;
> * * * * padding: 10px 25px 10px 10px;
> * * * * margin: 5px 0;
> *}
>
> ** html .search {
> * * * * color: #fff;
> * * * * clear: both;
> * * * * font-weight: bold;
> * * * * padding: 0px 0px 00px 0px;
> * * * * margin: 0px 0;
> *}
>
> *#menu input.text {
> * * * * width: 292px;
> * * * * border: 0;
> * * * * background: #FFF url(input.gif) no-repeat;
> * * * * margin-top: 4px;
> * * * * padding: 4px;
> * * * * color: #003647;
> *}
>
> ** html #menu input.text {
> * * * * border: 0px;
> * * * * background: url(input.gif) no-repeat;
> * * * * margin-top: 0px;
> * * * * padding: 4px;
> * * * * color: #003647;
> *}
>
> *#myhr {
> * background: url(hr.gif) no-repeat center;
> * margin: 13px;
> * height: 1px;
> * background-color: #eee;
> *}
>
> *#content {
> * * * * padding-top: 0px;
> * * * * margin-right: 255px;
> * * * * line-height: 18px;
> * * * * padding-left: 10px;
> * * * * background-image: none;
> * * * * background-repeat: no-repeat;
> * * * * background-position: center center;
> *}
>
> *#content .padding {
> * * * * padding: 10px 10px 0px 10px;
> * * * * color: #000000;
>
> *}
>
> *#content h2 {
> * * * * margin-top: 5px;
> * * * * padding-top: 5px;
> * * * * padding-bottom: 0px;
> * * * * color: #003647;
> * * * * line-height: 30px;
> *}
>
> ** html #content h2 {
> * * * * margin-top: 10px;
> * * * * padding-top: 10px;
> * * * * padding-bottom: 0px;
> * * * * color: #003647;
> * * * * line-height: 30px;
> * * * * background-color: #cad9de;
> *}
>
> *#content a {
> *color: #003647;
> *text-decoration: none;
> *background-color: #cad9de;
> *}
>
> *#content p {
> * * * * margin: 0;
> * * * * padding: 0;
> * * * * padding-top: 5px;
> * * * * background-color: #CBDDE1;
> *}
>
> *#box {
> * * * * width: auto;
> * * * * line-height: 18px;
> * * * * margin-top: 30px;
> * * * * margin-right: 20px;
> * * * * margin-left: 10px;
> * * * * padding: 10px 10px 10px 10px;
> * * * * background-color: #eee;
> * * * * border: 1px;
> * * * * border-style: solid;
> * * *border-color: #003647;
> *}
>
> *#sidebar-a {
> * * * * float: right;
> * * * * width: 195px;
> * * * * line-height: 18px;
> * * * * margin-top: 30px;
> * * * * margin-right: 20px;
> * * * * background-color: #CBDDE1;
> * * * * background-repeat: no-repeat;
> *}
>
> ** html #sidebar-a {
> * * * * float: right;
> * * * * width: 95px;
> * * * * line-height: 18px;
> * * * * margin-top: 30px;
> * * * * margin-right: 10px;
> * * * * padding-left: 0px;
> * * * * padding-right: 0px;
> * * * * background-color: #eee;
> *}
>
> ** html #sidebar-a p {
> * *width: 173px;
> * *margin-left: 10px;
> * *margin-top: 15px;
> * *text-decoration: none ;
> * *text-align: left;
> * *background-color: #eee;
> * *}
>
> *#footer {
> * * * * clear:both;
> * * * * font-family: Tahoma, Arial, Helvetica, Sans-serif;
> * * * * font-size: 11px;
> * * * * color: #fff;
> * * * * padding: 4px 0px;
> * * * * text-align: center;
> * * * * background-color: #003647;
> *}
>
> *#footer a {
> * * * * color: #fff;
> * * * * text-decoration: none;
> *}
>
> *#footer a:hover {
> * * * * color: #fff;
> *}
>
> *#footer #copyright {
> * * * * padding-top: 1px;
> *}
>
> *.hidden {
> * * * * display: none;

you took the first step correcly, develop for firefox then get IE to
work. all you need to do is find out what CSS properties are causing
the issue in IE then create a separate css sheet named "noIE.css" or
something similar that renders the CSS the way you want in IE. keep
in mind you dont need to duplicate the main css sheet for this, just
put the proerties that are causing the problem and use conditional
comments for the respective IE browser. this will overwrite the css
properties that are causing the issue when viewing in IE. Google
conditional comments.... they are awsome!!!
Reply With Quote
  #3 (permalink)  
Old 07-28-2008, 11:58 PM
SnakEyez02
 
Posts: n/a
Re: How to make page that works in Firefox compatablewith IE??
I think I see what you mean. This is an IE 6 specific issue. I believe it has
to do with this piece of code:

#sidebar-a {
float: right;
width: 195px;
line-height: 18px;
margin-top: 30px;
margin-right: 20px;
background-color: #CBDDE1;
background-repeat: no-repeat;
}

* html #sidebar-a {
float: right;
width: 95px;
line-height: 18px;
margin-top: 30px;
margin-right: 10px;
padding-left: 0px;
padding-right: 0px;
background-color: #eee;
}

And then...

.roundcont {
width: 195px;
background-color: #eee;
color: #808080;
}

.roundcont {
width: 195px;
background-color: #eee;
color: #808080;
padding:0px;
background-image: url(../../Beaver-side-bar2.jpg);
background-repeat: no-repeat;
}

You seem to be double defining things for some reason. This could be causing
those display issues you are experiencing. I would go back through that CSS
document and double check these types of items.

Reply With Quote
  #4 (permalink)  
Old 08-20-2008, 04:00 AM
Brandon7777
 
Posts: n/a
Re: How to make page that works in Firefox compatablewith IE??
I am still having trouble with this issue, help please!!

When I preview the page in IE from dreamweaver, it shows correctly, but when I
open the page from IE itself from the site it is messed up, as shown in the
attached pic. I have messed with the above code and can't figure out how to
make this work!!

http://i123.photobucket.com/albums/o...sidebarpic.jpg

Reply With Quote
  #5 (permalink)  
Old 08-20-2008, 11:40 AM
Murray *ACE*
 
Posts: n/a
Re: How to make page that works in Firefox compatable with IE??
If your page contains any ROOT RELATIVE LINKS, you will always see what you
are describing when you open the file directly on your LOCAL machine. Does
it contain root relative links?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Brandon7777" <webforumsuser@macromedia.com> wrote in message
news:g8g1co$cvt$1@forums.macromedia.com...
>I am still having trouble with this issue, help please!!
>
> When I preview the page in IE from dreamweaver, it shows correctly, but
> when I
> open the page from IE itself from the site it is messed up, as shown in
> the
> attached pic. I have messed with the above code and can't figure out how
> to
> make this work!!
>
> http://i123.photobucket.com/albums/o...sidebarpic.jpg
>

Reply With Quote
  #6 (permalink)  
Old 08-20-2008, 01:39 PM
Brandon7777
 
Posts: n/a
Re: How to make page that works in Firefox compatablewith IE??
If you mean I made my links in dreamweaver and they use relative paths, then
yes....but I haven't made any links on that sidebar, its just text! Its like
each line has a white background block behind it, I don't get it! I have been
struggling with this for weeks!!!

Reply With Quote
  #7 (permalink)  
Old 08-20-2008, 02:24 PM
Murray *ACE*
 
Posts: n/a
Re: How to make page that works in Firefox compatable with IE??
No. What I mean is "does this page's markup contain ROOT RELATIVE (as
opposed to DOCUMENT RELATIVE) LINKS to any dependent files". If you don't
understand the difference between those two, then this is likely the source
of at least part of your problem. Read this -

http://kb.adobe.com/selfservice/view...3129&sliceId=2
http://kb.adobe.com/selfservice/view...5546&sliceId=2


--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Brandon7777" <webforumsuser@macromedia.com> wrote in message
news:g8h3ar$t5e$1@forums.macromedia.com...
> If you mean I made my links in dreamweaver and they use relative paths,
> then
> yes....but I haven't made any links on that sidebar, its just text! Its
> like
> each line has a white background block behind it, I don't get it! I have
> been
> struggling with this for weeks!!!
>

Reply With Quote
  #8 (permalink)  
Old 08-20-2008, 03:22 PM
Brandon7777
 
Posts: n/a
Re: How to make page that works in Firefox compatablewith IE??
Thanks for your responses, Murray. I believe I am using document-relative
paths, as the article stated it was the Dreamweaver default and I haven't
changed it, but how can I check?

As a reminder, it works perfectly fine in firefox. Does IE not support root
relative paths and Firefox does?

Reply With Quote
  #9 (permalink)  
Old 08-20-2008, 04:17 PM
Murray *ACE*
 
Posts: n/a
Re: How to make page that works in Firefox compatable with IE??
> I haven't changed it, but how can I check?

By looking at the code. Root relative links will look like this -
"/whatever/foo.html", while document relative links will look like this -
"../whatever/foo.html" or this - "whatever/foo.html".

> As a reminder, it works perfectly fine in firefox. Does IE not support
> root
> relative paths and Firefox does?

This suggests that my suspicions might not be correct. Let's see the code.


--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Brandon7777" <webforumsuser@macromedia.com> wrote in message
news:g8h9af$8bb$1@forums.macromedia.com...
> Thanks for your responses, Murray. I believe I am using document-relative
> paths, as the article stated it was the Dreamweaver default and I haven't
> changed it, but how can I check?
>
> As a reminder, it works perfectly fine in firefox. Does IE not support
> root
> relative paths and Firefox does?
>

Reply With Quote
Reply

  { mindfrost82.com } > Gadget Corner > Tech Newsgroups > Software > Adobe Software > Dreamweaver

« Previous Thread | Next Thread »

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are Off
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 06:43 AM.

Contact Us - { mindfrost82.com } - Archive - Top

Powered by vBulletin, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0 ©2007, Crawlability, Inc.
© 1999-2008 mindfrost82.com v11.0


Sponsors:
Loans | Credit Cards | Loans | Find Local Jobs | Personal Injury Lawyer Los Angeles



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114