ansaurus

Question

HTML/CSS - Issues between Firefox and Chrome, and IE

Answer 1

A:

You might put your code to following quick trials to see if the problem is solved:

1: If your doc type is strict; try replacing it with below line:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

2: Try adding Eric Meyer's Reset.css to your css file on top:

http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

Hope that helps.

Sarfraz 2009-12-08 07:53:44

Answer 2

+1 A:

I problem I can see is the "v1" class style to "v.." of the div do not have the desired height rendered in FF.

Try this:

CSS:

div.vItem {
  height: 17px;
}

HTML:

<div class="v1 vItem'...</div>
<div class="v2 vItem'...</div>
<div class="v3 vItem'...</div>
.
.
.
<div class="v10 vItem'...</div>

For the flash, I have no problem with the Flash on IE6 and IE8 though.

o.k.w 2009-12-08 08:03:12

Looks like that worked... I may just add the height and width to each class manually, because I'm not really sure how to use two classes in one - can you elaborate. and show a bit more of the example? Do I need to do any more than <div class="v1 vItem'> on the top? Thanks!

IsaacL 2009-12-08 15:35:06

You do not have to use 2 classes. What I did in my codes was to partition out the common style properties of the "v.." elements so that you do not have to repeat them in every class. You can learn more here: http://webdesign.about.com/od/css/qt/tipcssmulticlas.htm

o.k.w 2009-12-09 00:13:59

OK, thanks a lot!!Gonna look into that.I really appreciate it!

IsaacL 2009-12-09 01:51:21

No prob, that's what this site is for :) Glad I can help.

o.k.w 2009-12-09 03:09:05

Answer 3

A:

strange things are happening on your site. You have an object in an object tag (flash) that is not allowed i think. This could be the problem why IE8 is not rendering the flash buttons. Maybe you could replace al the divs with a list ul and li this is semantically better and will make styling of every button easier.

You should change the height of the divs or when replaced by the list, the height of the lis This will make them more compact as in chrome

Robert Cabri 2009-12-08 08:25:31

ansaurus

tags:

views:

answers:

HTML/CSS - Issues between Firefox and Chrome, and IE

related questions