Noob question...why do pages (esp myspace) look different in IE and FF?

Discussion in 'OT Technology' started by Gonzani, May 11, 2006.

  1. Gonzani

    Gonzani Active Member

    Joined:
    Aug 12, 2003
    Messages:
    1,825
    Likes Received:
    0
    Location:
    Houston, TX
    Im trying to edit my myspace...in IE it looks all messed up -- not centered, etc. and in FF it looks perfect. why is this and how do i fix it?
     
  2. Jman

    Jman New Member

    Joined:
    Nov 14, 2004
    Messages:
    48,719
    Likes Received:
    0
    Location:
    Westchester/Ithaca, New York
    Give us a url to your myspace page so we can see what you're talking about.
     
  3. deusexaethera

    deusexaethera OT Supporter

    Joined:
    Jan 27, 2005
    Messages:
    19,712
    Likes Received:
    0
    HTML isn't as cut-and-dried as it may seem. It continues to be revised, and in addition to different versions of the HTML standard being available, Internet Explorer and FireFox are also pretty unlikely to read and interpret HTML exactly the same way under all possible conditions on account of being made by different people.
     
  4. P07r0457

    P07r0457 New Member

    Joined:
    Sep 20, 2004
    Messages:
    28,491
    Likes Received:
    0
    Location:
    Southern Oregon
    too bad the HTML spec hasn't changed in YEARS (like December of 1999).

    CSS has changed, XHTML has been introduced and gone through a few revisions, XSL, etc... But not HTML.

    To better answer his question, it's usually quirks in MSIE, such as the "box model" which IE handels differently than FF/Opera.
     
  5. deusexaethera

    deusexaethera OT Supporter

    Joined:
    Jan 27, 2005
    Messages:
    19,712
    Likes Received:
    0
    I guess my HTML book is a bit dated. But since all the other languages mixed in with HTML and used by web browsers are also interpreted instead of executed natively, the choice of interpreter (i.e. the web browser, the java machine, etc.) makes a big difference in what the user sees.
     
  6. uofapeter

    uofapeter New Member

    Joined:
    Apr 23, 2004
    Messages:
    19,163
    Likes Received:
    0
    this happens because Firefox actually conformed to W3C html standards, and IE did their own thing again.
    You should post the HTML your injecting and maybe we can look at it and see what needs to change. You probably just need to set the sizes to something more specific
     
  7. uofapeter

    uofapeter New Member

    Joined:
    Apr 23, 2004
    Messages:
    19,163
    Likes Received:
    0
    on closer inspection of your page, the boxes are not the same size in FF either. The difference is FF is centering them, IE is not. Also FF does not support changing the scroll bar color, though IE does.
     
  8. Gonzani

    Gonzani Active Member

    Joined:
    Aug 12, 2003
    Messages:
    1,825
    Likes Received:
    0
    Location:
    Houston, TX
    Heres my code...I did a bunch of trial and error to at least get the tables somewhat the same size. what should i change to make them all the same size, and make the "view all my friends" box and friends comments extend to the whole width of the table?


    PHP:
    <style type="text/css"body background-color:95AB7Cborder-top:0pxborder-bottom:0pxborder-left0pxborder-right0pxborder-color000border-stylesolidbackground-imageURL(""); background-attachmentfixedbackground-positionbottom leftbackground-repeatno-repeatscrollbar-arrow-color000scrollbar-track-color95AB7Cscrollbar-shadow-colorD88B8Ascrollbar-face-colorF69E9Dscrollbar-highlight-colorFCD2D2scrollbar-darkshadow-colorAE6F6Escrollbar-3dlight-colorFDBFBE; } 

    table table table td.text div img {visibility:hidden;}

    table table table td.text div background-color:transparentbackground-repeat:no-repeat;}

     
    table table table
     td
    .text table table 
    div img 
    {visibility:visible;}

     
    table table td.text table divtable table table 
    td
    .text table div background-image:none;}

     
    table table table {width:300px;} 

    table table td.text table {width:602px;} 

    table table table td {vertical-aligntop important;} {width:588px;}span.blacktext12 visibilityvisible !importantbackground-colortransparentbackground-imagenonebackground-repeatrepeatbackground-positioncenter centerborder-color000000border-width0pxborder-stylesolidfontnormal 0px trebuchet msfont-colorFFFwidth602pxheight7px

    displayblock !important;} span.blacktext12 span display:none; } span.blacktext12 img display:none; } .blacktext12 displaynonevisibilityhidden; } BSTRONG {fontbold 12px trebuchet mstext-transform:nonecolor000000;} IEM {fontitalic 12px trebuchet mestext-transform:nonecolor000000;} </style>

    <
    style type="text/css"BODYPTDFONT {fontnormal 12px trebuchet mscolor000000text-transform:none;} bodytdlipdivtextarealih1h2pbrtable {fontnormal 12px trebuchet mscolor000000text-transform:none;} .text {fontnormal 12px trebuchet mscolor000000text-transform:nonetext-alignjustify;} .redtext {fontnormal 12px trebuchet mscolor000000text-transform:uppercase;} .redbtext {fontnormal 12px trebuchet mscolor000000text-transform:uppercase;} .lightbluetext8 {fontnormal 10px trebuchet mscolor:000000text-transformuppercasetext-alignleft;} .orangetext15 displaynonevisibilityhidden; } .btext fontnormal 12px trebuchet mstext-transformuppercasetext-alignrightcolor95AB7Cbackground-colortransparentbordernoneborder-bottom4px solidborder-color95AB7Cdisplayblockletter-spacing1px; } .whitetext12 fontnormal 12px trebuchet mstext-transformuppercasetext-alignrightcolor95AB7Cbackground-colortransparentbordernoneborder-bottom4px solidborder-color95AB7Cdisplayblockletter-spacing1px; } .blacktext10 fontnormal 12px trebuchet mstext-transformuppercasetext-alignrightcolor95AB7Cbackground-colortransparentbordernoneborder-bottom4px solidborder-color95AB7Cdisplayblockletter-spacing1px; } 

    .
    nametext fontnormal 35px perpetua titling mttext-transformnonetext-alignrightcolor95AB7Cbackground-colortransparentbordernoneborder-bottom4px solidborder-color95AB7Cdisplayblockletter-spacing1px; } 

    TABLETDTRTH {fontnormal 12px trebuchet mscolor000000text-transform:nonecursor: default;} 

    TABLETRTD {bordernoneborder-colornonebackground-colortransparentpadding0pxmarginauto;}

    TABLE {bordernoneborder-colornonebackground-colortransparentpadding0px;} 

    TABLE TABLE {bordernoneborder-colornonebackground-colortransparentpadding0px;} 

    TABLE TABLE TABLE TABLE {bordernoneborder-color000000;} 

    table table table {border:1px solidborder-color:000000padding:0background-color:F69E9D;}

    table tbody td table tbody tr td.text table{background-color:586549;} {width:100%;}a:linka:link fonta:activea:active fonta:visiteda:visited fonta.redlink:linka.redlink:activea.redlink:visited fontnormal 12px trebuchet mstext-transformnonecolor000000text-decorationunderline; } a.navbar:linka.navbar:activea.navbar:visited fontnormal 12px trebuchet mstext-transformnonecolor000000text-decorationunderline; } a.navbar:hover fontnormal 12px trebuchet mstext-transformnonecolorCBE7ACtext-decorationunderlinebackground-colortransparent; } a:hovera.redlink:hover fontnormal 12px trebuchet mstext-transformnonecolorCBE7ACtext-decorationunderlinebackground-colortransparent; } a img border-color000000border-stylesolidborder-width0px; } a:hover img filternone; } {width:100%;}

    .
    contactTable width:300px !importantheight:150px !importantpadding:0px !importantbackground-image:url("http://img.photobucket.com/albums/v64/imissyalina/contact.jpg"); background-attachment:scrollbackground-position:center centerbackground-repeat:no-repeatbackground-color:transparentborder:0px;} .contactTable tabletable.contactTable td padding:0px !importantborder:0pxbackground-color:transparentbackground-image:none;} .contactTable a img {visibility:hiddenborder:0px !important;} .contactTable a {display:blockheight:28pxwidth:115px;} .contactTable .text {font-size:15px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} .contactTable .whitetext12 display:none; }</style>
     

Share This Page