html - Video is not centering itself like the rest of my code -


So I'm using the same format for everything at the center of all screen resolutions. This has been good for some time, as long as I do not try to add a video.

Is this certain because it's a video?

JSFIDDLE:

My code is HTML

  & lt; Body & gt; & Lt; Div id = "page-wrap" & gt; & Lt; Div id = "header" & gt; & Lt; Img src = "http://i.imgur.com/UMz3wIf.png" /> & Lt; / Div & gt; & Lt; Img src = "http://i.imgur.com/8snNfFV.png" /> & Lt; Ul id = "nav" & gt; & Lt; Li & gt; & Lt; A href = "http://www.voyage-us.com" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "http://www.voyage-us.com/xenforo/upload/index.php" & gt; Forums & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "http://www.voyage-us.com/members" & gt; Members & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "http://www.google.com" & gt; Stream & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "http://www.google.com" & gt; Contact us & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; Div id = "mainbody" & gt; & Lt; Img src = "http://i.imgur.com/oMJE74H.png" /> & Lt; / Div & gt; & Lt; Div id = "banished" & gt; & Lt; Iframe width = "325" height = "240" src = "http://www.youtube.com/embed/Ls8FBFFjMxk" frameborder = "0" acceptable screen & gt; & Lt; / Iframe & gt; & Lt; / Div & gt; & Lt; Div id = "footer" & gt; & Lt; P & gt; & Amp; Copy; 2014 Wrightman Design & lt; P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt;  

css

  body {margin: 0 px; Padding: 0 pixels; Background: URL ("http://puu.sh/6RlKi.png")} Clear {clear: both; } # PageRap {width: 101 9px; Margin: 0 auto; } # Headers {Width: 100%; Text align: center; Display area; } .readmore {status: complete; Margin: 0 auto; Top: 352px; Correct: 382px} #nav {height: 1px; List style: none; Padding-left: 14 pixels; Text align: center; Padding-down: 0 pixels; Margin: -14px; Margin-top: -15px; } # NAV Li One {Status: Relative; Top: -12 pixels; Display area; Width: 100px; Swim left; White color; Font size: 14.0 9px; Text-decoration: None; Font-family: "Bank Gothic MD BT"} # NAV Li A: Hover, # NAV li A: Active {Color: Red; } # Case {vertical-align: top; Status: Relative} .news2 {margin: 0 auto; Status: Completed; Top: 125px; Right: 375px} #Bangled {margin: 0 auto; Status: Completed; Top: 685px; Correct: 488px; } .news1 {margin: 0 auto; Status: Completed; Top: 400px; Correct: 378px} .teamspeak {status: absolute; Top: 125px; True: 30px} # ts3viewer_1037062 {condition: full; Top: 155px; Correct: 30px; Width: 290px; Height: 190px; Overflow: Auto; } .twitter- Timeline {true: 27px; Top: 407px; Status: Completed; Width: 310; Height: 230; }. Tweeter {true: 35px; Top: 406px; Status: Completed; Width: 310; Height: 230; } #footer {background: # 181818; White color; Padding: 20px020px; Text-transform: uppercase; Border-top: 15px solid # 828080; Text align: center; Font-family: "Bank Gothic MD BT"; Font-size: 12px; Status: Relative; }  

Is this help? I have tested it on my laptop and it seems that

// edit OK I think I have fixed it at this time ??

  #burbished {padding-bottom: 56.25%; Padding-top: 30px; Height: 0; Hidden flurry; Width: 50%; } #WeatherIframe {Status: Completed; Top: 370px; Left: 633px; Height: 15%; Width: 35%; }  

I've put #pace inside the #mainness tag in html


Comments

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -