never experienced this problem before. just finished a draft of a website and viewed on my computer (1200x800) it looks fine. borrowed friends computer....dell laptob windows vista (1368x768) and it looks awful...all jagged and such. are my css tables not adjusting?? whats going on......
viewed it at work today on IE6 and while the images not look skewed or jagged the png files are of course messed up and all of the text is moved down. everything looks picture perfect on my IE7 and firefox. wouuld really appreciate some pointers....first css try.
you can view test site at www.meshowventures.com/index2.html
css is
#container {
width: 1000px;
height: 710px;
padding-left: 50px;
padding-top: 25px;
margin-top: 0px;
top: 150px;
}
#header {
width: 843px;
height: 97px;
background-image: url(images/header.png);
background-repeat: no-repeat;
}
#content h2 {
height: 65px;
padding: 5px;
font-size: 14px;
font-family: "Arial Narrow",Calibri,Corbel,Arial,Helvetica,sans-serif;
color: #333333;
font-weight: bold;
font-variant: small-caps;
}
#rightBar h2 {
height: 65px;
padding: 5px;
font-size: 14px;
font-family: "Arial Narrow",Calibri,Corbel,Arial,Helvetica,sans-serif;
color: #333333;
font-weight: bold;
font-variant: small-caps;
}
#content {
float:left;
width:843px;
background-image: url(images/main.png);
background-repeat: no-repeat;
height: 469px;
}
#texthouse {
margin-top: 15px;
width: 799px;
margin-left: 19.5px;
float: left;
height: 450px;
}
#footer {
clear:both;
width: 843px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
height: 125px;
font-size: 12px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
text-align: justify;
font-weight: normal;
padding-top: 12px;
}
body {
background-image: url(images/Untitled-2.png);
background-repeat: repeat;
}
#button1 {
width: 104px;
height: 97px;
float: left;
padding-left: 86px;
}
#button2 {
width: 114px;
height: 97px;
float: left;
}
#button3 {
width: 104px;
height: 97px;
float: left;
}
#button4 {
width: 112px;
height: 97px;
float: left;
}
#logo{
height: 97px;
float: left;
width: 297px;
}
p{
font-size: 16px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
text-align: justify;
}
#sidebar {
float: right;
width: 250px;
height: 450px;
}
#leftbar {
width: 536px;
margin-top: 0px;
font-size: 14px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
margin-left: 12px;
margin-right: 5px;
margin-bottom: 3px;
text-align: justify;
}
#rightbar {
float: right;
width: 234px;
margin-right: 12px;
}
html, body, div, h1, p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
.formfield {
font-size: 11px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
margin-top: 5px;
padding-left: 25px;
}
.formfieldbutton {
font-size: 11px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
}
.redfont {color: #990000}
viewed it at work today on IE6 and while the images not look skewed or jagged the png files are of course messed up and all of the text is moved down. everything looks picture perfect on my IE7 and firefox. wouuld really appreciate some pointers....first css try.
you can view test site at www.meshowventures.com/index2.html
css is
#container {
width: 1000px;
height: 710px;
padding-left: 50px;
padding-top: 25px;
margin-top: 0px;
top: 150px;
}
#header {
width: 843px;
height: 97px;
background-image: url(images/header.png);
background-repeat: no-repeat;
}
#content h2 {
height: 65px;
padding: 5px;
font-size: 14px;
font-family: "Arial Narrow",Calibri,Corbel,Arial,Helvetica,sans-serif;
color: #333333;
font-weight: bold;
font-variant: small-caps;
}
#rightBar h2 {
height: 65px;
padding: 5px;
font-size: 14px;
font-family: "Arial Narrow",Calibri,Corbel,Arial,Helvetica,sans-serif;
color: #333333;
font-weight: bold;
font-variant: small-caps;
}
#content {
float:left;
width:843px;
background-image: url(images/main.png);
background-repeat: no-repeat;
height: 469px;
}
#texthouse {
margin-top: 15px;
width: 799px;
margin-left: 19.5px;
float: left;
height: 450px;
}
#footer {
clear:both;
width: 843px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
height: 125px;
font-size: 12px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
text-align: justify;
font-weight: normal;
padding-top: 12px;
}
body {
background-image: url(images/Untitled-2.png);
background-repeat: repeat;
}
#button1 {
width: 104px;
height: 97px;
float: left;
padding-left: 86px;
}
#button2 {
width: 114px;
height: 97px;
float: left;
}
#button3 {
width: 104px;
height: 97px;
float: left;
}
#button4 {
width: 112px;
height: 97px;
float: left;
}
#logo{
height: 97px;
float: left;
width: 297px;
}
p{
font-size: 16px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
text-align: justify;
}
#sidebar {
float: right;
width: 250px;
height: 450px;
}
#leftbar {
width: 536px;
margin-top: 0px;
font-size: 14px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
margin-left: 12px;
margin-right: 5px;
margin-bottom: 3px;
text-align: justify;
}
#rightbar {
float: right;
width: 234px;
margin-right: 12px;
}
html, body, div, h1, p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
.formfield {
font-size: 11px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
margin-top: 5px;
padding-left: 25px;
}
.formfieldbutton {
font-size: 11px;
font-family: "Arial Narrow", Calibri, Corbel, Arial, Helvetica, sans-serif;
color: #333333;
}
.redfont {color: #990000}


Comment