1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Firefox layout problems

Discussion in 'CSS' started by macheque, Oct 19, 2011.

0
  1. #1
    Hi there,

    I am experiencing some serious problems when viewing my website in Firefox... I am not sure what is happening but the site is going completely bonkers (i checked google chrome, safari and internet explorer and it works fine). Someone suggested that it could be because of the DIVs setup so i tried to change some of them to "overflow: hidden" but with no effect, still looks utterly crap and doesn't change anything.

    I tried validating and fixing the code but it doesn't help in the slightest...

    I would really really appreciate some help- mind I have designed the site myself but i'm not superbly skilled at it so please go easy on me :)

    ritterphotography.co.uk

    css file: ritterphotography.co.uk/css/rvz_style.css

    I am more than happy to supply u with my msn/skype if it's easier that way!

    I am using dreamwaver 8.

    thanks a lot!
    mac
     
    Last edited: Oct 19, 2011
    macheque, Oct 19, 2011 IP
  2. shortcircuit

    shortcircuit Peon

    Messages:
    52
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I use FF exclusively and the following code warnings will most likely solve your problem once you fix them:

    line 105 column 26 - Warning: discarding unexpected <!DOCTYPE>
    line 106 column 1 - Warning: discarding unexpected <html>
    line 107 column 1 - Warning: discarding unexpected <head>
    line 108 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 105 column 7 - Info: <div> previously mentioned
    line 109 column 1 - Warning: <title> isn't allowed in <div> elements
    line 105 column 7 - Info: <div> previously mentioned
    line 110 column 1 - Warning: <style> isn't allowed in <div> elements
    line 105 column 7 - Info: <div> previously mentioned
    line 125 column 1 - Warning: discarding unexpected <body>
    line 140 column 6 - Warning: <img> element not empty or not closed
    line 142 column 6 - Warning: <img> element not empty or not closed
    line 144 column 6 - Warning: <img> element not empty or not closed
    line 146 column 6 - Warning: <img> element not empty or not closed
    line 148 column 6 - Warning: <img> element not empty or not closed
    line 150 column 6 - Warning: <img> element not empty or not closed
    line 152 column 6 - Warning: <img> element not empty or not closed
    line 154 column 6 - Warning: <img> element not empty or not closed
    line 156 column 6 - Warning: <img> element not empty or not closed
    line 158 column 6 - Warning: <img> element not empty or not closed
    line 160 column 6 - Warning: <img> element not empty or not closed
    line 186 column 13 - Warning: missing </a> before <a>
    line 201 column 13 - Warning: discarding unexpected <!DOCTYPE>
    line 202 column 1 - Warning: discarding unexpected <html>
    line 203 column 1 - Warning: discarding unexpected <head>
    line 204 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 205 column 1 - Warning: <title> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 206 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 207 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 208 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 209 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 210 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 211 column 2 - Warning: <meta> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 212 column 1 - Warning: <style> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 222 column 1 - Warning: <link> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 223 column 1 - Warning: <style> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 250 column 1 - Warning: <link> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 251 column 1 - Warning: <style> isn't allowed in <div> elements
    line 200 column 26 - Info: <div> previously mentioned
    line 263 column 1 - Warning: discarding unexpected <body>
    line 310 column 17 - Warning: discarding unexpected <!DOCTYPE>
    line 311 column 1 - Warning: discarding unexpected <html>
    line 312 column 1 - Warning: discarding unexpected <head>
    line 313 column 1 - Warning: <meta> isn't allowed in <div> elements
    line 308 column 3 - Info: <div> previously mentioned
    line 314 column 1 - Warning: <title> isn't allowed in <div> elements
    line 308 column 3 - Info: <div> previously mentioned
    line 315 column 1 - Warning: <style> isn't allowed in <div> elements
    line 308 column 3 - Info: <div> previously mentioned
    line 327 column 1 - Warning: discarding unexpected <body>
    line 332 column 5 - Warning: inserting implicit <p>
    line 136 column 37 - Warning: <img> lacks "alt" attribute
    line 167 column 38 - Warning: <img> lacks "alt" attribute
    line 173 column 5 - Warning: <table> proprietary attribute "height"
    line 173 column 5 - Warning: <table> lacks "summary" attribute
    line 183 column 72 - Warning: <img> lacks "alt" attribute
    line 188 column 75 - Warning: <img> lacks "alt" attribute
    line 188 column 211 - Warning: <img> lacks "alt" attribute
    line 188 column 352 - Warning: <img> lacks "alt" attribute
    line 196 column 27 - Warning: <img> lacks "alt" attribute
    line 198 column 5 - Warning: <table> lacks "summary" attribute
    line 279 column 15 - Warning: <table> lacks "summary" attribute
    line 287 column 21 - Warning: <input> anchor "your_name" already defined
    line 307 column 27 - Warning: <img> lacks "alt" attribute
    line 337 column 26 - Warning: <area> lacks "alt" attribute
    line 338 column 1 - Warning: <area> lacks "alt" attribute
    line 266 column 58 - Warning: trimming empty <strong>
    line 290 column 90 - Warning: trimming empty <label>
    line 309 column 5 - Warning: trimming empty <p>
    line 332 column 5 - Warning: trimming empty <p>
     
    shortcircuit, Oct 19, 2011 IP
  3. macheque

    macheque Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i was suggested to use this in css: #main-body, #contact-container {clear:both}

    fixed the problem :-S lol
     
    macheque, Oct 19, 2011 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #4
    MULTIPLE doctypes and headers, static style and scripts inlined in the markup, tranny doctype so you're at the bleeding edge of 1997 coding techniques, tables for layout, single TD tables, HTML 3 in your XHTML document, multiple pointless DIV with nothing remotely resembling semantic markup...

    No offense, but it's a laundry list of how NOT to code a website. There's nothing I would even TRY to salvage from it as it's so chock full of waste and invalid code it's a miracle it renders in ANY browser. This is blatently apparent in it being over 16k of HTML when you only have 1.7k of plaintext, three template content images and one actual content image... so at MINIMUM twice the code that should be in there.
     
    deathshadow, Oct 21, 2011 IP