CSS problems

They have: 8 posts

Joined: Feb 2005

Hi,

I am working on a new home page and have run into a strange problem with CSS.

http://www.weztec.com/images/pic1.jpg

Have a look at the above image.

The screen on the left is using IE and the left is using Firefox. If you look at the side display area you will notice that the icon area appears to get wider causing a staggered effect the further down the page you go.

Any ideas?

Phil.

[URL=http://www.weztec.com ]http://www.weztec.com [/URL]

.

CptAwesome's picture

He has: 370 posts

Joined: Dec 2004

Try setting the 's inline () because IE might not reckognize CSS widths for the td element.

They have: 8 posts

Joined: Feb 2005

Thanks but I tried that and anyway it seems to work fine in the WEZTEC shop http://www.weztec.com/shop which is what this is based on.

I just feel like I am missing something subtle that is throwing the alignment out.

Phil.

They have: 5,633 posts

Joined: Jan 1970

The only thing I see diffrent is the font. Its bigger in IE proubaly a proublem with the CCS. I had a proublem like that onece. I fixed it like this "color:#7EBEFF!important;"

dk01's picture

He has: 516 posts

Joined: Mar 2002

You have a bunch of code that is incorrect. I would go through it all but you can just as easily look here Smiling

I would start by moving your DOCTYPE to the very first line. Otherwise IE will be thrown into debug mode.

Check out some of those errors and see if fixing them solves your problem. One more tip is that IE responds to whitespace in your code. So sometimes this:

<td>
Hello
</td>
'
and
<td>Hello</td>'

will not look the same when rendered in IE. This is especially true with whitespace after img tags.

Good luck! Smiling

-dk

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.