dreamaway
06-21-2005, 02:32 AM
I was designing a template for a friend, but for some reason, it is slightly different in IE than in Mozilla. The link is here (http://www.a-sidewalk-star.net/layouts/moretoknow.html). My problem is that the picture's width is 400 px, and I made the div for the entry the same width. Now, in IE it looks fine, but in Mozilla, the entry box is wider than the picture. And of course, if I make the entry box's width smaller to try and appease Mozilla, life in IE gets all small. Why does this happen and how can I fix it?
Thanks for any help anyone could give!
Trey
Monkey Bizzle
06-21-2005, 03:31 AM
The link that you gave isn't working for me.
kittycat
06-21-2005, 03:38 AM
Same story for the link, but if you have padding within the div or borders around it there's a good chance that's the problem. IE and Mozilla both deal with those in different ways... one may add it on to the width, the other includes it in the width. That can be fixed by removing padding/borders or by using a code so a certain part of your CSS will only show in IE (although I don't know this offhand)
dreamaway
06-21-2005, 05:32 AM
The link is working now- I think my site was down for a few hours today. Kittycat, I think what you're saying sounds about right. If you could point me in the direction of that code for the IE css padding, I would really, really appreciate it.
Thanks!
Trey
Merike
06-21-2005, 02:00 PM
Hm, I think I've heard that padding/border/margin displaying differencies usually solve themself when you make your site running in standards compliant mode..
dreamaway
06-21-2005, 02:45 PM
Well, I thought it was... I ran it through the HTML Validation check and the only error that popped up was with a <p> tag. Is there another way I'm not aware of?
Merike
06-21-2005, 02:59 PM
I'd suggest replacing your current doctype with longer one that also includes link:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Right now firefox indicates that your page runs in quirks mode. Also I saw a div error aswell when validating.
kittycat
06-21-2005, 03:27 PM
If that doesn't work, here's the IE CSS thing:
<!--[if IE]>
<style type="text/css">
styles here
</style>
<![endif]-->
Set the width in your normal CSS so it looks good in Mozilla, then set another width in there for IE.