css - main content div won't center -
i have twitter layout, sorta.. main table kinda looks it, way it's sectioned off...
html { -webkit-user-select: none; text-shadow: 2px 2px 2px #000; color: #fff; font-smooth: always; padding: 0; width: 100%; height: 100%; background: url("./img/main_back.jpg"); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; } body { height: 100%; width: 100%; } .content_wrap { position: relative; top: 5px; display: inline-table; margin-right: auto; margin-left: auto; width: 90%; height: 100%; background-color: transparent !important; } .left_table { overflow: hidden; display: table-cell; text-align: center; width: 50%; height: 100%; padding-left: 5px; padding-bottom: 20px; } .right_table { display: table-cell; text-align: center; width: 20%; height: 100%; }
html5 doc type header <-- floated left section <-- floated right
section <-- content wrap section <-- left_table aside <-- right_table footer <-- fixed position, bottom 0px
markup spot on, check w3c site time.
can't center, it's off center 30 40px, have ideas?
i notice in yoru code have center on content div...
perhaps mean this?
body { height: 100%; width: 100%; text-align: center; }
also, first comment has point.
Comments
Post a Comment