5 replies [Last post]
suze
Offline
newbie
Last seen: 9 years 48 weeks ago
Joined: 2009-06-16
Posts: 5
Points: 0

The site is www.greatvalleyresources.com. I coded this site in pure CSS. My first site every in pure CSS

It looks fine in explorer 7 but all the pictures on the right jump down to the second line in explorer 6. I would like to continue to code using pure css but I since resort to tables because I cannot fix this problem.

I sure hope somone can help me because this is really driving me up the wall not being able to fix this.

Thanks in advance for any help.

*************HTML CODE*********************************************

Great Valley Resources - Printing Services

Our Products

Business Cards
Labels
Booklet
Envelopes
Letterheads
Brochures
Postcards

Design Services

Logo
Letterhead
Brochure
Poster
Flyer
Envelope
Business Card

Maximize your Business Potential and Your Market
In a market where only the best of the best survive,
companies must do everything possible to promote and
sell their products and services.

read more

 

Why Printing Matters
Printing tips to help grow your business, whether you are just a beginner or you are a seasoned pro.

read more

 

Understand your companies goal and the right method of advertising
Print ads are not only an excellent means of advertising your business, it's also one of the cheaper ways that you get to inform prospective clients of your products and services.

read more

Save Big Bucks

 

Valuable Partners

  • Great Valley Transportation Service
  • Tour Jamaica with Audley Duncan
Place Your Order Now!
Take Advantage of our Full-Color Printing at 1 Color Price!
Tel. 301-675-6883 / Fax: 301-350-4543

************************CSS CODE****************************************

/*entire body tags*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

/* hide from IE mac \*/

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}

.links { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff}
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FF3399; text-decoration: none}

#main {
margin-left: auto ;
margin-right: auto;
height: 780px;
width: 800px;
float: inherit;
background-color: #339966;
}

.header {
height: 289px;
width: 800px;
float: inherit;
background-color: #99cc99;
background-image: url(images/header.gif);
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #339966;
}

.homenav {
float: right;
background-color:;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bolder;
color: #ffffff;
margin: 10px;
text-align: center;
}

.maincontent {
height: 360px;
width: 800px;
float: inherit;
padding: 10px 0px 0px 0px;
background-color: #FFFFFF;
}

.leftside {
height: 345px;
width: 175px;
float: left;
background-color: ;
border: thin #CCCCCC dotted;
}

.title {
height: 10px;
width: 145px;
float: left;
background-color: #ffff00;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: center;

}

.contentleftside {
height: 130px;
width: 145px;
float: left;
background-color:;
padding: 5px 10px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: center;
}

.middle {
height: 345px;
width: 395px;
float: left;
background-color:;
border: thin #99cc99 solid;
margin: 0px 10px 10px 10px;
}

.contentmiddle {
float: left;
background-color:;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 5px;
text-align: left;
line-height: 18px;
background-position: center;

}

.right {

height: 345px;
width: 200px;
float: left;
background-color:;
text-align: center;
}

.pic {
height: 300px;
width: 200px;
float: left;
text-align: center;
background-position: center center;
}

.bottomcontent {
height: 80px;
width: 800px;
float: inherit;
padding: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

.partners {
height: 80px;
width: 250px;
float: left;
background-color: #e8e8e8;
padding: 5px 10px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
color: #339966;
margin: auto;
text-align: ;

}

.partnersinfo {
float: left;
background-color:;
padding: 5px 5px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 200;
color: #339966;
margin: 0px;
text-align: left;
line-height: 16px;
background-position: center;

}

.bottommiddle {
height: 80px;
width: 505px;
float: left;
padding: 5px 0px 0px 10px;
background-color: #FFFFFF;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font: small-caps;
margin: auto;
border: #CCCCCC thin dotted;
color: #FF3399;
font-stretch: extra-condensed;
line-height: 20px;
text-align: center;
}

.telephone {
height: 30px;
width: 400px;
float: left;
background-color: #ffff00;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bolder;
color: #339966;
margin: 5px 0px 0px 40px;
text-align: center;

}

.footer {
float: none;
background-color:;
padding: 5px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:;
color: #99cc99;
margin: auto;
text-align: center;
line-height: 13px;
background-position: center;

}

.about {
height: 345px;
width: 485px;
float: left;
background-color:;
border: thin #99cc99 solid;
margin: 0px 10px 10px 0px;
}

.aboutright {

height: 345px;
width: 285px;
float: left;
background-color:;
text-align: center;
margin: 0px 0px 0px 15px;
}

.producttitle {
height: 10px;
width: 150px;
float: left;
background-color: #ffff00;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: right;

}

.design {
height: 100px;
width: 150px;
float: left;
background-color: #ff6699;
border:;
padding: 5px 10px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
color: #ffffff;
margin: 0px 10px 10px 10px;
}

.design2 {
height: 100px;
width: 150px;
float: left;
background-color: ;
border:;
padding: 5px 10px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:;
color: #339966;
margin: 0px 10px 10px 10px;
}

.productcontent {
height: 380px;
width: 800px;
float: inherit;
padding: 10px 0px 0px 0px;
background-color: #FFFFFF;
}

.productcontentmiddle {
height: 295px;
width: 145px;
float: left;
background-color:;
padding: 5px 10px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: ;
}

.productleftside {
height: 345px;
width: 355px;
float: left;
background-color:;
text-align: left;
margin: 0px 10px 10px 0px;
border: thin #CCCCCC dotted;
background-position: center center;

}

.contentproductleftside{
height: 269px;
width: 355px;
float: left;
background-color:;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px;
text-align: left;
line-height: 18px;
background-position: center;
border: ;
}

.productmiddle {
height: 345px;
width: 175px;
float: left;
background-color: ;
border: thin #99cc99 solid;
}

.productcontentright {
height: 135x;
width: 220px;
float: left;

padding:;
margin: 0px 0px 0px 10px;
border: ;
}

.productright {
height: 163px;
width: 220px;
float: left;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 0px;
text-align: left;
line-height: 18px;
background-position: center;
border: ;
background-color: #e8e8e8;
}

.productrightbottom {
height: 126px;
width: 220px;
float: left;
padding: 10px 10px 10px 10px;
background-color: #ff6699;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
margin: 20px 0px 0px 10px;
text-align: left;
line-height: 18px;
background-position: center;
border: ;
}

.contactright {

height: 345px;
width: 285px;
float: left;
background-color: #e8e8e8;
text-align: center;
margin: 0px 0px 0px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
}

#printingmain {
margin-left: auto ;
margin-right: auto;
height: 1090px;
width: 800px;
float: inherit;
background-color: #339966;
}

.printingmaincontent {
height: 670px;
width: 800px;
float: inherit;
padding: 10px 0px 0px 0px;
background-color: #FFFFFF;
}

.printingright {

height: 630px;
width: 455px;
float: left;
background-color: #e8e8e8;
padding: 10px;
text-align: left;
margin: 0px 0px 0px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
}

.printingtitle {
height: 80px;
width: 250px;
float: left;
background-color: #Ff6699;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 20px;
text-align: center;

}

.printingleftside {
height: 645px;
width: 305px;
float: left;
background-color: ;
border: thin #99cc99 solid;
}

.printingcontentleftside {
height: 550px;
width: 275px;
float: left;
background-color:;
padding: 5px 10px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: center;
}

.factsright {

height: 300px;
width: 260px;
float: left;
background-color: #e8e8e8;
padding: 10px 10px 10px 30px;
text-align: left;
margin: 0px 0px 0px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
}

.factsmiddle {

height: 300px;
width: 450px;
float: left;
background-color:;
padding: 10px;
text-align: left;
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
line-height: 18px;
border: thin #e8e8e8 dotted;
}

.factstitle {
height: 80px;
width: 250px;
float: left;
background-color: #Ff6699;
padding: 5px 10px 15px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #339966;
margin: 0px 0px 0px 20px;
text-align: center;

}

.factsleftside {
height: 280px;
width: 795px;
float: left;
background-color: ;
border: thin #99cc99 solid;
}

.factscontentleftside {
height: 270px;
width: 770px;
float: left;
background-color:;
padding: 10px 15px 5px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #339966;
margin: 0px 0px 0px 5px;
text-align: left;
line-height: 18px;
background-position: center;
}

.tourphoto {
height: 600px;
width: 407px;
float: inherit;
background-color:;
background-image: url(images/jamaica.gif);
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: 336699;
}

#tour {
margin-left: auto ;
margin-right: auto;
height: 780px;
width: 800px;
float: inherit;
background-color: #336699;
}

.tourrightup {

float: right;
height: 200px;
width: 300px;
background-color: #FFFFFF;
padding: 20px 20px 10px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: ;
color: #336699;
margin: 20px;
text-align: ;
display: inline; /* <---Solution for bug IE6 */

}

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 1 year 44 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Please use the supplied

Please use the supplied

 tags for your post so that your code is easier to read.
Also, please validate - <a href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.greatvalleyresources.com%2F" rel="nofollow">http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.greatvalleyresources.com%2F</a>

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

suze
Offline
newbie
Last seen: 9 years 48 weeks ago
Joined: 2009-06-16
Posts: 5
Points: 0

Thanks Deuce for your

Thanks Deuce for your advise. I did clean up the code with the validator and I am down to 4 errors which I am not able to fix but now it is not 23.

In regards to the fix for internet explorer I did put the inline in for explorer 6 and the pic. still breaks. see what I did

.right {

height: 345px;
width: 230px;
float: right;
text-align: center;
display: inline; /* <---Solution for bug IE6 */
}

Also here is the new site that I cleaned up. http://www.greatvalleyresources.com/test/index.html

The picture went over to the right but not up inline with the other columns.

What am I missing.

suze
Offline
newbie
Last seen: 9 years 48 weeks ago
Joined: 2009-06-16
Posts: 5
Points: 0

Thanks Deuce for your

Thanks Deuce for your advise. I did clean up the code with the validator and I am down to 4 errors which I am not able to fix but now it is not 23.

In regards to the fix for internet explorer I did put the inline in for explorer 6 and the pic. still breaks. see what I did

.right {

height: 345px;
width: 230px;
float: right;
text-align: center;
display: inline; /* <---Solution for bug IE6 */
}

Also here is the new site that I cleaned up. http://www.greatvalleyresources.com/test/index.html

The picture went over to the right but not up inline with the other columns.

What am I missing.

suze
Offline
newbie
Last seen: 9 years 48 weeks ago
Joined: 2009-06-16
Posts: 5
Points: 0

Thanks Deuce for your

Thanks Deuce for your advise. I did clean up the code with the validator and I am down to 4 errors which I am not able to fix but now it is not 23.

In regards to the fix for internet explorer I did put the inline in for explorer 6 and the pic. still breaks. see what I did

.right {

height: 345px;
width: 230px;
float: right;
text-align: center;
display: inline; /* <---Solution for bug IE6 */
}

Also here is the new site that I cleaned up. http://www.greatvalleyresources.com/test/index.html

The picture went over to the right but not up inline with the other columns.

What am I missing.

suze
Offline
newbie
Last seen: 9 years 48 weeks ago
Joined: 2009-06-16
Posts: 5
Points: 0

Thanks Deuce for your

Thanks Deuce for your advise. I did clean up the code with the validator and I am down to 4 errors which I am not able to fix but now it is not 23.

In regards to the fix for internet explorer I did put the inline in for explorer 6 and the pic. still breaks. see what I did

.right {

height: 345px;
width: 230px;
float: right;
text-align: center;
display: inline; /* <---Solution for bug IE6 */
}

Also here is the new site that I cleaned up. http://www.greatvalleyresources.com/test/index.html

The picture went over to the right but not up inline with the other columns.

What am I missing.