Sunday 15 January 2012

html - HTML5/CSS Page displays correct in Chrome but not in Firefox -


I'm trying to decide my webpage for it and if you want to travel, you will see that in Firefox Does not appear the header bar is correct but in Chrome it does not understand why I do. My research shows that if the firefox finds an error on the page then this screw is loading and displays the rest, however, I can not seem to find an error anywhere thanks for any help.

  & lt ;! DOCTYPE html & gt; & Lt; Top & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Title & gt; Bond Solutions | Home and lt; / Title & gt; & Lt; Style type = "text / css" & gt; Body {background color: # 000; } #footer {width: 75%; } #copyright img {width: auto \ 9; Max-width: 100%; Swim left; } # Copyright [color: #FFF; Swim left; } # Headers {Width: 75%; Height: 84px; } #header h3 {status: absolute; Top: 4%; Left: 15%; } # Headers A {Color: Black; } & Lt; / Style & gt; & Lt; Script type = "text / javascript" & gt; Var video; Window.onload = function () {window.video = document.getElementById ("Video"); Window.video.addEventListener ('expired', myHandler, false); Window.video.volume = 0.5; } Function myHandler () {window.video.currentTime = 7; Window.video.volume = 0; Window.video.play (); } & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Center & gt; & Lt; Div id = "header" & gt; & Lt; Svg & gt; & Lt; Defs & gt; & Lt; LinearGradient id = "menugrad" x1 = "0%" y1 = "0%" x2 = "0%" y2 = "100%" & gt; & Lt; Offset = offset = "0%" style = "stop-color: RGB (94494); stop-opacity: 1" /> & Lt; Off offset = "100%" style = "stop-color: RGB (137,137,137); stop-opacity: 1" /> & Lt; / LinearGradient & gt; & Lt; / Defs & gt; & Lt; Rect width = "100%" height = "84" x = "0" y = "0" style = "fill: url (#mgrgrade);" / & Gt; & Lt; / Svg & gt; & Lt; H3 & gt; & Lt; A href = "http://www.bondsolutionsnj.com" & gt; Home | & Lt; / A & gt; & Lt; A href = "http://www.bondsolutionsnj.com/graphicdesign.html" & gt; Graphic Design | & Lt; / A & gt; & Lt; A href = "http://www.bondsolutionsnj.com/webdesign.html" & gt; Web Design | & Lt; / A & gt; & Lt; A href = "http://www.bondsolutionsnj.com/marketing.html" & gt; Marketing | & Lt; / A & gt; & Lt; A href = "http://www.bondsolutionsnj.com/computercasemods.html" & gt; Computer Case Mode | & Lt; / A & gt; & Lt; A href = "http://www.bondsolutionsnj.com/computerbuilds.html" & gt; Computer build | & Lt; / A & gt; & Lt; A href = "http://www.bondsolutionsnj.com/socialnetworks.html" & gt; Social network & Lt; / A & gt; & Lt; A href = "http://www.bondsolutionsnj.com/contact.html" & gt; Contact & lt; / A & gt; & Lt; / H3 & gt; & Lt; / Div & gt; & Lt; / Center & gt; & Lt; Center & gt; & Lt; Div id = "content" & gt; & Lt; Video control = "control" id = "video" autoplay = "right" width = "50%" height = "50%" Ended = "restart ()" & gt; & Lt; Source src = "intro.mp4" type = "video / mp34" & gt; & Lt; Source src = "intro.ogg" type = "video / og" & gt; & Lt; / Video & gt; & Lt; / Div & gt; & Lt; / Center & gt; & Lt; Center & gt; & Lt; Div id = "footer" & gt; & Lt; Hour / & gt; & Lt; Div id = "copyright" & gt; & Lt; A href = "http://www.fatcow.com/green-certified/bondsolutionsnj.com" onClick = "MyWindow = window.open ('http://www.fatcow.com/green-certified/bondsolutionsnj .com' , 'GreenCertified', 'toolb ar = no, location = no, directories = no, status = no, menubar = no, scrollbars = yes, resizable = yes, width = 550, height = 700, left = 50, top = 50 '); Return false; "& gt; & Lt; Img src = "http://www.fatcow.com/green-certified/hosting-badge-2.png" range = "0" /> & Lt; / A & gt; Copyright: & lt; Strong & gt; © & lt; / Strong> Bond Solutions LLC & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Center & gt; & Lt; / Body & gt; & Lt; / Html & gt;    

says that width be defaulted to 100% , but there is no such reason in Firefox.

  & lt; Svg width = "100%" & gt;   

With firebase it determines that I look right in Firefox. Note that it has no effect as style = "width: 100%;" According to

the default width is the same, so this may be a bug with Firefox

No comments:

Post a Comment