Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Trending News

Promoted
{*.*} SD
Lv 4
{*.*} SD asked in Computers & InternetProgramming & Design · 1 decade ago

Html Or Css Problems ?!?

Ok I've been trying to figure this out for a while...

Pages look fine in IE, but format is wrong in FF?

take a look in IE then try FF...

http://sehanafortress.com/ent/ent0-2cmsn.html

the format with the colored borders and text above and below image isn't correct in Firefox...

any ideas??? Please help!!

download files here to see what's wrong with the coding...

http://sehanafortress.com/files/sehana_problems.ra...

Update:

I've validated HTML and CSS coding and know of the errors that I purposely put there.

But CSS codes are fine.

HTML codes has errors, but it's stuff like <!a href which i put there temporarily until it gets filled in.

Update 2:

oh i validated it with css 3 and only 1 error with 3 warnings

is FF compatible with css3?

3 Answers

Relevance
  • Anonymous
    1 decade ago
    Favorite Answer

    This makes NO sense and is the wrong thing to do if you really put the errors in:

    "'I've validated HTML and CSS coding and know of the errors that I purposely put there.

    But CSS codes are fine.

    HTML codes has errors, but it's stuff like <!a href which i put there temporarily until it gets filled in."

    You have to have your CSS/HTML corrected so browsers know how to parse your page(s). You're putting many in Quirks Mode and that means your coding is ignored in most part and the defaults set by the developers are in play.

    If you want to put "a" tags in with no URL temporarily:

    <a href="#" title="Mouseover Description">... Text ...</a>

    Correct these 54 CSS Errors:

    http://jigsaw.w3.org/css-validator/validator?profi...

    Correct these 506 Errors, 172 warnings Errors:

    http://validator.w3.org/check?verbose=1&uri=http%3...

    Firefox is the one you need to code to because it is pretty much CSS 2.1 compliant. Then correct the bugs in IE: http://www.positioniseverything.net/explorer.html

    That should get you closer to being cross-browser compatible.

    Ron

  • topherG
    Lv 6
    1 decade ago

    CSS3 is still a work in progress. Working with bleeding edge style properties is a surefire way to make sure your website is not accessible on every web browser.

    Until user-agents decide to catch up to W3C specification, you should stick with CSS2.1 because even some modern browsers can't handle certain CSS3 properties. And god forbid someone is using something like IE6!

    Hell, some modern browsers can't even get CSS2.1 right!!

  • Sam S
    1 decade ago

    Hey, this is a css issue. When you play with divs and spans, you'll have some issues in IE and FF. normally floats, clears, and positions are the answer.

    Try working with something like this:

    <span style="display:block; float:left; height: 100px; width: 135px; padding: 2px; margin: 0 2px; border: 1px solid purple; height: ">

    <div style="color:purple; height: 25px; line-height:25px;">My bloody valentine 3-d</div>

    <div style="height: 75px; overflow: hidden;">

    <a title="at yahoo" href="http://movies.yahoo.com/movie/1810027306/info%22%3... alt="" src="http://sehanafortress.com/pix-covers/mybloodyvalen... border="0" height="75"/></a>

    </div>

    </span>

Still have questions? Get your answers by asking now.