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
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>
i was suggested to use this in css: #main-body, #contact-container {clear:both} fixed the problem :-S lol
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.