css - DIV element not going all the way down to the bottom -
i have issue div on page. it's 1 have, , covers middle of page. few tweaks in css, made go way down.
the problem though, video(which inside div element), sneaking out so:
http://i.stack.imgur.com/xybem.jpg
here's html:
<html> <head> <link rel="shortcut icon" href="images/favicon.ico" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <title>arthur</title> <meta content="text/html" charset="windows-1251"> </head> <body background="images/background2.jpg"> <a href="main.html"><img class="imgborder" src="images/button.png" align="left" height="50"></a> <div id="wrapper" style="background-color:black; width:60%; margin-left: auto ; margin-right: auto ;"> <img class="center" width="60%" src="images/logo2.png"> <br> <img class="center imgborder" height="300" src="images/muller.jpg"> <p>...</p> <p>...</p> <p>...</p></font>< <iframe class="center" width="500" height="300" src="..." frameborder="5" allowfullscreen></iframe></div> </body> </html>
and here's css:
@charset "utf-8"; /* css document*/ /*this section links*/ a:link { font-weight:normal; color:crimson } a:visited { font-weight:normal; color:crimson; } a:hover { font-weight:bold; color: royalblue; font-variant:small-caps; } /*this section paragraph section*/ p { font-style:normal; font-size:18px; } blue { color:crimson; } /*this section image's black border.*/ .imgborder { border-color: crimson; border:thick; border-style:outset; } .body { background-color: #0000ff; } html { height:100%; } body{ height:100%; background-image:url('images/background2.jpg'); background-repeat:no-repeat; background-size:100%; } } #wrapper { margin: 0 auto; width: 990px; height:100%; overflow:scroll; position:relative; } #navigation { margin: 0 auto; width: 990px; height: 55px; background-color: #fff; } #bottomhalf { margin: 0 auto; width: 990px; height: 100%; background-color: #4d3c37; } div { /* set div full width , height */ width: 100%; height: 100%; } p { margin-left:2cm; margin-right:2cm; font-family:"calibri"; color:crimson; font-size:16; text-align:justify; } table { color:crimson; } .center { margin: 0 auto; } img.center { display: block; margin-left: auto; margin-right: auto; } iframe.center { display: block; margin-left: auto; margin-right: auto; }
Comments
Post a Comment