Jump to content

Also got one other CSS issue IE vs FIREFOX vs CHROME vs new browsers


Recommended Posts

Got one other thing with my troubled CSS,

 

Anyone know why with Internet Explorer, my page www.abbyshot.com looks different in the middle row nav bar then in FIREFOX or CHROME.... You can see there that the middle white nav bar doens't extend the full length and is cut short 8 pixels IN IE.. and the logo scroller image is too bigg IN IE..  on the other browsers this doens't happen, anyone got the quick fix? my css is www.abbyshot.com/styles.css... i bet it has something to do with overriding or zindex? hmm maybe not?

Go here and fix the errors in your code:

http://validator.w3.org/

 

Code that don't validate will run differently in different browsers. You have 55 Errors, 38 warning(s)

 

The biggest is No DOCTYPE found, and unknown root element. This will definitely cause browsers rendering problems.

Go here and fix the errors in your code:

http://validator.w3.org/

 

Code that don't validate will run differently in different browsers. You have 55 Errors, 38 warning(s)

 

The biggest is No DOCTYPE found, and unknown root element. This will definitely cause browsers rendering problems.

 

wahtever man , none of this is causing my IE problem...

 

i fixed the doctype and put:

 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
      

 

in there and still w3validater dont like my code

Sunfighter has a point crossbrowser issues are often caused by a missing doctype. (for IE that is)

Since you already have a doctype, that is not the problem.

But two other thing that are important in order to fix/prevent cross browser issues.

 

First is the use of a reset.css (see sticky of the css forum) until you know what your doing use it (place it above your other styles). Afterwards you can drop it, if you find those 3 kb to much, wouldn't recommend it though.

 

Second fix all errors in the document (pay attention though the validator does not like css3 although it can very well be valid)

 

p.s. just changing a doctype to a different one won't fix the errors, in fact the validator is pretty precise in pointing out what is the error and what might cause it.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.