• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

CSS problem?


Active Member
It works fine in firefox and safari so its an IE thing. Sometimes IE applys margin to elements. a good place to start could be a css reset attached at the start of the head CSS Tools: Reset CSS see if that helps to begin with... other wise you could write an IF IE rule and just target the element and use - margins as a quick fix...
cheers for the prompt reply! - just tried the CSS Reset, either I did something wrong or it didnt work! - It just aligned everything to the left.

How easy is the latter to do....IE rule? sorry not to hot on this stuff yet!



Active Member
Basically you use the below:
to specify css which will only apply to internet explorer, you can also specify which version but I don't have the rules to hand...

<!--[if ie ]>
<style type="text/css">


I'll try and have another look at your site ina bit and let you know if I find anything


Active Member

Hey bud, please dont take this the wrong way but your code is a mess lol ! :)
now for the fix try the following....

look for in your html ...

<body onload="MM_preloadImages('../images/web_05.png')">

change it so it reads .....

<body onload="MM_preloadImages('../images/web_05.png')">
<div id="site-wrapper">

now look for the following.....


change it so it reads......


now in you css look for the following......

body {
font-family: Verdana, Arial;
color: #000;
width: 907px;
margin: auto;
text-align: center;
padding-bottom: 20px;

remove / delete the property width:907px

and add the following at the foot of your css.

#site-wrapper {position:relative;margin:0 auto;width:907px;}

let me know if that helps...

No offence taken! - I must admit, I don't specialise as a web designer - its something I want to learn but knew I had to get a site up quick to advertise my services! - I will re-do the site eventually, properly in CSS.

I think that has done the job mate! - thanks for working your magic!!

Nice one