CSS problem..

TaylorAtCTS posted this at 01:12 — 27th December 2004.

Joined: Nov 2004

Hi, I'm having trouble with my site, two main problems...

1) In Firefox when you reduce the size of the page the content moves with it, this only happens when you make it REALLY small.

2) In Internet Explorer the margin at the top is white blocking my image. View in firfox to see what it should look like.

http://customtailoredsolutions.com/newcts/test.php

Thanks for your help!

BTW the CSS and XHTML are valid.. this is whats making this so weird...

thanks

TaylorAtCTS posted this at 00:50 — 28th December 2004.

He has: 153 posts

Joined: Nov 2004

Aynone?

CptAwesome posted this at 00:56 — 28th December 2004.

He has: 370 posts

Joined: Dec 2004

Well, in layout.css, you have #logo's padding set to 2px, which I think would push the image down. It's also possible that IE might not support certain CSS styles like "margin-top: -3%;" I don't know if you can do negative percents in IE. If it's more than 5 pixels to the top, then I am a little stumped.

TaylorAtCTS posted this at 08:16 — 28th December 2004.

He has: 153 posts

Joined: Nov 2004

i fixed it, the problem was I had to do this:

#content {
top: 0px;
*the rest of the CSS*;
}

#logo {
margin-top: 0px;
*the rest of the CSS*;
}

i had the margin-top set to -3% ...

Thanks for the response CptAwsome! I appreciate it