oh no! this is terrible. i have no clue how to fix that . here is the code to the page, at the bottom should be the closing div for wrapperabout,
i have a <!--end wrapperabout--> comment on it , its at the bottom. i think thats the right place.
do you have any idea what i have to do to fix it for firefox? it looks good in my version of firefox. im using version 3.0.6 and it looks good on my computer for some reason(its an IBM clone computer i built), and ie6 for testing. please if there is anything you can do to help id GREATLY appreciate it. also, do any of my other pages look bad in your browser? here is the link to the main page of my site.
http://derekvanderven.com/phyllisgallery_raw/home.html
here is my full css for all of the pages on my site.
Code:
@charset "utf-8";
/* CSS Document */
#wrapper {
margin: 100px auto 0 auto;
width: 790px;
height: 326px;
}
body {
background-color: #988A9F;
}
#leftimage {
float: left;
width: 237px;
height: 326px;
}
#rightimage {
background-image: url( main.gif);
background-repeat:no-repeat;
float: left;
width: 553px;
height: 326px;
}
#imgwrapper {
margin: auto;
display: inline;
}
#footer {
float: left;
background-color: #6878C1;
text-align: center;
width: 790px;
height: 30px;
border: 1px solid black;
color: #ffffff;
padding-top: .3em;
}
#copyright {
float: left;
text-align: left;
width: 790px;
height: 30px;
color: #000000;
padding-top: .3em;
font-size: small;
}
#homeinfo {
float: right;
width: 175px;
height: 75px;
margin-top:250px;
font-size: small;
text-align: left;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #CCCCCC;
}
a:active {
color: #FFFFFF;
}
/**********************ABOUT US CODE**********************/
#leftlogo {
float: left;
background-image: url( leftlogo.gif);
background-repeat:no-repeat;
height: 450px;
width: 211px;
background-position: top right;
background-color: #DCCBE2;
}
#rightlogo {
float: left;
background-image: url( rightlogo.gif);
background-repeat:no-repeat;
height: 450px;
width: 579px;
background-position: top left;
background-color: #ffffff;
font-size: small;
}
#wrapperabout {
margin: 50px auto 0 auto;
height: 400px;
width: 790px;
}
#logocontainer {
margin: 0 auto 0 auto;
height: 400px;
width: 790px;
}
#homepage {
margin: 0 0 0 0;
height: 30px;
width: 50px;
text-align: center;
padding: 10px;
}
#leftlogo a {
color: #000000;
border: black solid 1px;
}
#abouthomeinfo {
float: left;
width: 175px;
height: 75px;
margin-top:35px;
font-size: small;
text-align: left;
}
#padded {
padding: 2em;
}
/**** LAUTREC CODE *******/
#wrapper_lautrec {
margin: 50px auto 0 auto;
height: 725px;
width: 790px;
}
#logocontainer_lautrec {
margin: 0 auto 0 auto;
height: 725px;
width: 790px;
}
#leftlogo_lautrec {
float: left;
background-image: url( leftlogo.gif);
background-repeat:no-repeat;
height: 725px;
width: 211px;
background-position: top right;
background-color: #DCCBE2;
}
#rightlogo_lautrec {
float: left;
background-image: url( rightlogo.gif);
background-repeat:no-repeat;
height: 725px;
width: 579px;
background-position: top left;
background-color: #ffffff;
font-size: small;
}
#padded_lautrec {
padding: 2em 2em 0 2em;
height: 700px;
}
#leftlogo_lautrec a {
color: #000000;
border: black solid 1px;
}
#gallery_lautrec {
background-color: #988A9F;
border: 1px solid #000000;
text-align: center;
padding: 5px;
height: 30px;
width: 50px;
color: #ffffff;
margin-left: 17em;
}
/****************LAUTREC IMAGE GALLERY PAGE***************/
#leftlogo_lautrec_image a {
color: #000000;
border: black solid 1px;
}
#wrapper_lautrec_image {
margin: 50px auto 0 auto;
height: 725px;
width: 790px;
}
#logocontainer_lautrec_image {
margin: 0 auto 0 auto;
height: 725px;
width: 790px;
}
#leftlogo_lautrec_image {
float: left;
background-image: url( leftlogo.gif);
background-repeat:no-repeat;
height: 500px;
width: 211px;
background-position: top right;
background-color: #DCCBE2;
}
#rightlogo_lautrec_image{
float: left;
background-image: url( rightlogo.gif);
background-repeat:no-repeat;
height: 500px;
width: 579px;
background-position: top left;
background-color: #ffffff;
font-size: small;
}
#lautrec_header
{
float: left;
margin: 30px 0 0 40px;
}
#lautrec_image_container
{
margin: 50px 0 0 100px;
float: left;
width: 400px;
height: 300px;
}
.lautrec_image
{
float: left;
text-align: center;
margin: 40px 0 0 20px;
width: 67px;
height: 90px;
}
/**** CHERET CODE *******/
#wrapper_cheret {
margin: 50px auto 0 auto;
height: 500px;
width: 790px;
}
#logocontainer_cheret {
margin: 0 auto 0 auto;
height: 500px;
width: 790px;
}
#leftlogo_cheret {
float: left;
background-image: url( leftlogo.gif);
background-repeat:no-repeat;
height: 500px;
width: 211px;
background-position: top right;
background-color: #DCCBE2;
}
#rightlogo_cheret {
float: left;
background-image: url( rightlogo.gif);
background-repeat:no-repeat;
height: 500px;
width: 579px;
background-position: top left;
background-color: #ffffff;
font-size: small;
}
#padded_cheret {
padding: 2em 2em 0 2em;
height: 500px;
}
#leftlogo_cheret a {
color: #000000;
border: black solid 1px;
}
#gallery_cheret {
background-color: #988A9F;
border: 1px solid #000000;
text-align: center;
padding: 5px;
height: 30px;
width: 50px;
color: #ffffff;
margin-left: 17em;
}
and here is the html code to the about us page that looks wrong in firefox.
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" />
<link href="phyllis.css" rel="stylesheet" type="text/css"/>
<title>about us</title>
<style type="text/css">
<!--
.style1 {font-weight: bold}
-->
</style>
</head>
<body>
<div id="wrapperabout">
<div id="logocontainer">
<div id="leftlogo"> <div id="homepage"><a href="home.html">Home</a><a href="home.html" class="style1"></a></div>
</div>
<div id="rightlogo"><div id="padded">
<p><strong>Welcome to The Phyllis Gardner Gallery </strong></p>
<p class="style2">With one of the world's finest collections of original works by Toulouse-Lautrec, Jules Cheret, Jacques Villon and their contemporaries, the Phyllis Gardner Gallery is an essential source of important works of the late 19th century. Phyllis Gardner offers a large collection of original museum-quality pastels, oil paintings and watercolors by Jules Cheret and Jacques Villon as well as an ever-changing inventory of original posters and lithographs by Toulouse-Lautrec. Considered the foremost world expert on the works of Louis Icart, original oil paintings are always part of the Gardner collection. </p>
<p class="style2">Phyllis Gardner is located in New York City and is an important resource for those interested in collecting art, whether they are a museum, decorator or private collector. Phyllis Gardner has been purchasing posters and original works of art for over 25 years throughout the United States and Europe and is considered an expert in her field. </p>
<p class="style2">If you are considering purchasing an original work or art by Jules Cheret, Toulouse-Lautrec, Jacques Villon or Louis Icart please contact the Phyllis Gardner Gallery. </p>
<div id="abouthomeinfo"> New York City<br />
212-345-9584<br />
212-345-9874 fax<br />
phyllis@gardnergallery.com<br />
</div> <!--END homeinfo--> </div> <!--end padded-->
</div>
<!-- end rightlogo-->
</div> <!--end logocontainer-->
<div id="footer"><a href="about.html">About the gallery</a> | <a href="lautrec.html">Henri de Toulouse-Lautrec</a> | <a href="cheret.html">Jules Cheret</a> | <a href="icart.html">Louis Icart </a>| <a href="villon.html">Jaques Villon</a> | <a href="other_artists.html">Other Artists </a>| <a href="resources.html">Resources</a> | <a href="site_map.html">Site map</a></div>
<div id="copyright"><pre class="style1"> © Phyllis Gardner Gallery Site design by: <a href="http://derekvanderven.com">derekvanderven.com</a></pre>
</div>
</div> <!-- end wrapperabout-->
</body>
</html>
Last edited by silverglade; 02-28-2009 at 01:25 PM..
|
. 
