new site: new problem

[calebm12]

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 (http://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}

[brodwilkinson]

i downloaded your website, for more a more in depth look and i couldnt find anything ;? quite odd. my only suggestion is to remove the php and css from your server. (you can remove it all to be sure) and then upload it with ACSII type.

[calebm12]

thanks for the response. i will just take everything down from the remote location and re upload. hopefully that will fix it. just viewed in on an apple safari and it rendered the pages perfectly.

any hints on getting the main fish pics on home and talk into a css format instead of inserted into a css div frame? they load slow i think. should i put the css rules for that div in the page code instead of the css file? that way they can be separate

caleb

[b3njamin]

Yep, looks alright to me in Firefox 3.

Not sure how you mean with the images, my guess is they're loading slowly due to the rollovers you are using for the navigation having to load too. Have a read up on CSS (http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/) Sprites (http://www.alistapart.com/articles/sprites/) and that'll fix right up :)

[calebm12]

i will give that try...never used them before :)

thanks for checking it out.

[calebm12]

took everything off my server and reuploaded. IE 6 is still giving me fits. It is moving the css div for my text down the page. so the text of my page is below the white part of the page. no one else has noticed this on their browser? does it have to do w ith the css not being properly specified?