Hi, I'm a newbie to CSS. I've coded my own CSS & XHTML and it looks great in Firefox 2 and IE6. When I view it in IE7, my photos seem to disappear. I have the photos floated left of the text. If I "unfloat" them, they're okay in IE7, but they look much better floated left.
My CSS & XHTML code validates at w3.org.
I've been searching the web for days for help with this problem. I've posted in other web development forums, and no one will help me! I'm so discouraged.
Please help, I'm ready to start whining, LOL. Here's a link to my CSS code: [link removed]:
Part of the problem is that IE7 handles float elements and most CSS elements differently than all other browsers. Microsoft would rather people only used their browsers and their css elements, rather than using the standards produced for all browsers and users.
I had similar problems with some of my pages. I used clear float to clear the elements that were not needed, and also had to use several "IE css hacks" that were made to get around IE problems. Each hack is specific to which IE code is breaking. I had to search on google A LOT to find pages where programmers had figured out and posted the hacks. They're not real C++ programming or anything, just css and sometimes php work arounds.
I'll see if I can find what I used (they were old sites I've redesigned so I'll have to search through my old archived code) later for you, but I suggest you go search on google some as well. If nothing else, it will teach you more about the IE CSS problems and how they are being fixed.
It might make a difference to use Transitional instead of Strict.
-Max-
On 6/02/07, Karen wrote: > Hi, I'm a newbie to CSS. I've coded my own CSS & XHTML and > it looks great in Firefox 2 and IE6. When I view it in IE7, > my photos seem to disappear. I have the photos floated left > of the text. If I "unfloat" them, they're okay in IE7, but > they look much better floated left. > > My CSS & XHTML code validates at w3.org. > > I've been searching the web for days for help with this > problem. I've posted in other web development forums, and no > one will help me! I'm so discouraged. > > Please help, I'm ready to start whining, LOL. > Here's a link to my CSS code: > [link removed]:
Thanks both of you for your help. I searched Google and finally came up with another person who had the same problem. For whatever crazy reason, undoing the italics on the smaller header (h3) fixes the problem in IE7.
I'll also try the transitional doc type to see what happens.
Part of the problem is that IE7 handles float elements and
most CSS elements differently than all other browsers.
Microsoft would rather people only used their browsers and
their css elements, rather than using the standards produced
for all browsers and users.
I had similar problems with some of my pag...See More