[Mix0mat0sis]

Hey All,

www.clubs.psu.edu/navs

There seems to be a recurring issue in my website that I'm desigining. If you look at my site in Firefox, everything looks great. However, Internet Explorer seems to be adding either margins or padding in places where i really don't want it (my site is shifted to the right in ie6 and the two rounded boxes have a large gap between the header and content). Is there a hack i need to use to fix this or is it something really simple?

Criticism on my overall website is definitely welcome...it's one of my first css/table-less sites. I do think i "over-divved" it though. And it's not done yet, either. :-(

Here's my relevant code for my problem:

body {
font-size: small;
padding:0;
margin:10px 60px;
background: #006699 url(gutter.jpg) repeat-y bottom left;
}

* html body {
font-size: small; /*for IE5/Win */
f\ont-size: small; /*for other IE versions */
margin:10px 100px;
}

#container {
margin:0px;
background-color:#FFFFFF;
width:800px;


and this:

.box {
color: #666;
background:#fff;
padding:0;
margin:0;
}
div#getinvolved p{
padding:0 8px;
}


div#getinvolved h3 {
background: url(img/h3-bg2.gif) no-repeat top left;
color:#fff;
margin:0;
padding: 6px 8px 4px 15px;
}

Thanks!

[Gibbs]

What's this?

f\ont-size: small; /*for other IE versions */

[namenotfound]

As far as I know f\ont-size isn't valid CSS.

[MMJ]

I've seen some sites do that but can't figure out why.

Maybe its only so certain browser versions read it.

[Mix0mat0sis]

yeah, it appears f\ont-size isn't valid css. I can use ie conditionals to probably solve that problem but i don't think it will solve my main problem. Does you have any other suggestions as to why my page is shifted in ie6?

[Gibbs]

I'm guessing f\ont-size was a typo . Did you actually try to validate it lol?

[MMJ]

Originally Posted by Gibbs

I'm guessing f\ont-size was a typo . Did you actually try to validate it lol?

Actually I know another site that has that and also has valid css.

[DrP]

If you want the site centered then give the page text-align: center; and the container margin: 0px auto;
Are you using floats? If so, google for Internet Explorer Double Margin Bug.