Difference between Firefox, IE, Opera and Chrome

Discussion in 'CSS' started by profkiwi, Feb 12, 2010.

  1. #1
    Why does this page dont work fine in all programs, just in Firefox?
    http://myspace.com

    The code I used is:

    <style> .selected {friends section title} table.friendSpace td.text span.orangetext15 {display:block; width:100%; background-image:url(http://simetrija.tfsns.rs/layout/prijatelji.jpg); background-repeat:no-repeat; height:80px; margin-top:-14px; background-position:center center; font-size:0px!important; letter-spacing:-1px;} table.friendSpace td.text table {background-color:transparent; width:100%;} .selected {blog section title} table.latestBlogEntry span.btext {display:block; width:100%; background-image:url(http://simetrija.tfsns.rs/layout/blogovi.jpg); background-repeat:no-repeat; height:80px; background-position:center top; font-size:0px!important; letter-spacing:-1px;} .selected {biografija section title} table table table td.text span.orangetext15 {display:block; width:100%; background-image:url(http://simetrija.tfsns.rs/layout/biografija.jpg); background-repeat:no-repeat; height:80px; background-position:center top; font-size:0px!important; letter-spacing:-1px;} .selected {komentari section title} table.friendsComments span.orangetext15 {display:block; width:700px; background-image:url(http://simetrija.tfsns.rs/layout/komentari.jpg); background-repeat:no-repeat; height:80px; background-position:center top; font-size:0px!important; letter-spacing:-1px;} </style> <div class="alessio" style="position:absolute; top:0px; left:50%; margin-top:1920px; margin-left:-405px; z-index:9 !important;visibility:visible !important; display:block!important;"> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_01.gif" width="334" height="257" border="0" /></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_02.gif" width="93" height="19" border="0" /></td> <td><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=487496230"><img src="http://simetrija.tfsns.rs/layout/levakolona_03.gif" width="89" height="19" border="0" /></a></td> <td><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=22755114"><img src="http://simetrija.tfsns.rs/layout/levakolona_04.gif" width="87" height="19" border="0" /></a></td> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_05.gif" width="65" height="19" border="0" /></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_06.gif" width="334" height="43" border="0" /></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElEPTQ4NzQ5NjIzMA=="><img src="http://simetrija.tfsns.rs/layout/levakolona_07.gif" width="334" height="23" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00ODc0OTYyMzA="><img src="http://simetrija.tfsns.rs/layout/levakolona_08.gif" width="334" height="28" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="..%20MySpace.invokeWebIMWrapper();"><img src="http://simetrija.tfsns.rs/layout/levakolona_09.gif" width="334" height="27" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTQ4NzQ5NjIzMA=="><img src="http://simetrija.tfsns.rs/layout/levakolona_10.gif" width="334" height="25" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuY29tcG9zZVYzJnM9UGxlYXNlK3Rha2UrYStsb29rK2F0K215K2ZyaWVuZA"><img src="http://simetrija.tfsns.rs/layout/levakolona_11.gif" width="334" height="28" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZyaWVuZElEPTQ4NzQ5NjIzMCZwdWJsaWM9MA=="><img src="http://simetrija.tfsns.rs/layout/levakolona_12.gif" width="334" height="27" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9NDg3NDk2MjMw"><img src="http://simetrija.tfsns.rs/layout/levakolona_13.gif" width="334" height="26" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTQ4NzQ5NjIzMA=="><img src="http://simetrija.tfsns.rs/layout/levakolona_14.gif" width="334" height="23" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_15.gif" width="334" height="46" border="0" /></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vYmxhYmxhLnRmc25zLnJzL1NpbWV0cmlqYS56aXA="><img src="http://simetrija.tfsns.rs/layout/levakolona_16.gif" width="334" height="25" border="0" /></a></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_17.gif" width="334" height="90" border="0" /></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_18.gif" width="334" height="56" border="0" /></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_19.gif" width="334" height="33" border="0" /></td> </tr> </table> <table width="334" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/levakolona_20.gif" width="334" height="44" border="0" /></td> </tr> </table> <br /><br /> <img src="http://simetrija.tfsns.rs/layout/uses.jpg" width="334" height="360" border="0" /> <br /><br /> <p align="center"> <img src="http://simetrija.tfsns.rs/layout/contact.jpg" width="182" height="300" border="0" /> </p> </div> <style>.katamari {http://abrax.us/bbz/MyspaceSongPlayer.php} .a {position artist/band player} td.text object {position:absolute; top:361px; left:50%; margin-left:-225px; z-index:9;} td.text td td object {position:static; margin-left:0px;} </style> <style> table, tr, td { background-color:transparent; } table, tr, td { background-color:transparent; border:none; border-width:0px; } table table table { width:100%; max-width: 600px; } table table table table { width:100%;; } body, .bodyContent { background-color: rgb(255, 255, 255); background-image: url(http://simetrija.tfsns.rs/layout/pozadina.jpg); background-position: center top; background-repeat: repeat; background-attachment: fixed; } table table { border:0px; } table table table table { border:0px; background-image:none; background-color:transparent; } table table table { border-style:Solid; border-width:0px; background-attachment:fixed; } table table table td { background-color:000000; } table, tr, td, li, p, div,.text,.redtext, .blacktext12 { color:eeeeee; } .whitetext12, .orangetext15 { color:999999; } .lightbluetext8, .blacktext10, .redbtext,.btext { color:999999; } .nametext { color:999999; } a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link { color:999999; } a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover { color:999999; } </style> <p align="center"> Band Symmetry was founded in April 2009. year. The founder of the band, Ivan (bass guitar) gather few of his friends and started band project. Two of them quit after juts one rehearsal becouse of personal reasons. So Ivan, and Lela (vocals) left alone. Very soon after that, they gather few more members, Sava (lead guitar), Stefan, (Rhythm guitar) and Aca (Drums & Percussions), they were in that line-up for few months, and then comes another change. Aca gets replacet by 3 years younger, but, better drummer, Darko. In this line-up they started to practice seriously and preparing for gigs around country. Later, the band joined one more singer, Jelena, and they cointinued their work with two singers. <br /><br /> ------------- <br /><br /> <img src="http://simetrija.tfsns.rs/layout/banner1.jpg" width="380" /> <br /> Put this code anywhere in your "About me" section: <br /> <textarea cols="76" rows="3" style="background-color:black;color:white; border:solid;border-color:white;border-width:1px;font-size:xx-small !important;"> <a href="http://www.myspace.com/simetrija" target="_blank"><img src="http://simetrija.tfsns.rs/layout/banner1.jpg" /></a> </textarea> </center> <br /><br /> ------------- <br /><br /> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=487496230"><img src="http://simetrija.tfsns.rs/layout/galerijaslika.jpg" /></a> <br /><br /> ------------- <br /><br /> Symmetry first album comming very soon Smiley <br /><br /> ------------- <br /><br /> </p>  
    Code (markup):
    <i class="i">!!! Start Code To Apply Top Banner !!!!</i> </td></tr></table> </td></tr></table> <a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner"> Custom top banner code by Eileen</a> <div class="xiiiTopBanner" style="position:absolute; top:0px; left:50%; margin-top:0px; margin-left:-436px; z-index:9 !important;visibility:visible !important; display:block !important;"> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_01.gif" width="871" height="506" border="0" /></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ob21lLnBocD8vcGFnZXMvU2ltZXRyaWphLzI2NzIwNDI3MDY5Mg=="><img src="http://simetrija.tfsns.rs/layout/layout_02.gif" width="98" height="38" border="0" /></a></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_03.gif" width="1" height="38" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_04.gif" width="70" height="38" border="0" /></td> <td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL1NpbWV0cmlqYQ=="><img src="http://simetrija.tfsns.rs/layout/layout_05.gif" width="89" height="38" border="0" /></a></td> <td><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvc2ltZXRyaWphbnM="><img src="http://simetrija.tfsns.rs/layout/layout_06.gif" width="130" height="38" border="0" /></a></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_07.gif" width="58" height="38" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_08.gif" width="425" height="38" border="0" /></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_09.gif" width="871" height="180" border="0" /></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_10.gif" width="207" height="134" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_11.gif" width="450" height="134" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_12.gif" width="214" height="134" border="0" /></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_14.gif" width="207" height="123" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_15.gif" width="450" height="123" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_13.gif" width="214" height="123" border="0" /></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_16.gif" width="207" height="162" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_17.gif" width="450" height="162" border="0" /></td> <td><img src="http://simetrija.tfsns.rs/layout/layout_18.gif" width="214" height="162" border="0" /></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_19.gif" width="871" height="42" border="0" /></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_20.gif" width="75" height="344" border="0" /></td> <td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="342" width="425"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/pKgfFq_OmZ0&hl=en_US&fs=1&" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/pKgfFq_OmZ0&hl=en_US&fs=1&" height="342" width="425" wmode="transparent" /> </object></td> <td><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=487496230"><img src="http://simetrija.tfsns.rs/layout/layout_22.gif" width="371" height="344" border="0" /></a></td> </tr> </table> <table width="871" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://simetrija.tfsns.rs/layout/layout_23.gif" width="871" height="171" border="0" /></td> </tr> </table> </div> <style> .i {display:none;} {!-Create space for image above body-!} body.bodyContent, body, i i i.x {margin-top:1699px;} div.profileWidth table div ul, div.clearfix i i.i {top:1859px !important;} </style> <table class="i"><tr><td> <table><tr><td> <i class="i">!!! End Code To Apply Top Banner !!!</i> 
    Code (markup):
     
    profkiwi, Feb 12, 2010 IP
  2. profkiwi

    profkiwi Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Oh sorry...
    it is myspace . com / simetrija
     
    profkiwi, Feb 13, 2010 IP
  3. Twilight Spirit

    Twilight Spirit Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I think the problem from your browser cause i opened it by : chrome : and it worked fine
    it's not from the code the code is correct

    so what's the problem exactly ...
     
    Twilight Spirit, Feb 13, 2010 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    myspace is a coding nightmare. Your site is in quirks mode because you're not using a doctype but I doubt adding it would make much of a dent with 390 HTML errors alone plus 147 CSS errors.

    In any case, there is little difference between Firefox, Chrome and Opera with regards to every day markup. IE, otoh, is never to be trusted to do anything right and needs frequent hacking to make it fit in to the modern world.
     
    drhowarddrfine, Feb 13, 2010 IP
  5. profkiwi

    profkiwi Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Ok, but is there any way I can make this layout work in all programs?
     
    profkiwi, Feb 14, 2010 IP
  6. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #6
    As suggested, start by fixing the HTML and CSS errors on the page.
     
    Clive, Feb 14, 2010 IP
  7. profkiwi

    profkiwi Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Hm, I would do that, but I dont know how to find them :(
     
    profkiwi, Feb 14, 2010 IP
  8. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #8
    Clive, Feb 14, 2010 IP
  9. profkiwi

    profkiwi Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    So, when I enter code and press Check, does it correct my errors or what? becouse I cant see where is says what errors are?
     
    profkiwi, Feb 14, 2010 IP
  10. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #10
    No, it will not correct the errors, the tool will only point you to the lines where errors are discovered, like:

    Line 1, Column 86: end tag for element "TR" which is not open
    - means you should remove a </tr> tag from the code.

    It will also describe the nature of each issue and try to explain what you should do for a fix. That way you're one step closer to the solution.
     
    Clive, Feb 14, 2010 IP