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

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -