No replies
ds_tx's picture
Last seen: 5 weeks 1 hour ago
Timezone: GMT-5
Joined: 2022-07-03
Posts: 1
Points: 2

I have 3 col div created in MediaWiki at -
Far right div drops below other 2 divs, does not stay in line with them except when browser window is stretched nearly to 1920 width.
I'm using the following CSS

.column {float: left; width: 50%;}
/* Clear floats after the columns */
.row:after {content: ""; display: table; clear: both;}
.left, .right, .center {
      height: 50%;
      overflow-x: hidden;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 10px;
      padding-right: 10px;
      margin: 0;
      font-size: 1em;
      border: 1px solid #aaa !important;
      float: left;  
      display: block;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;}
.left { float: left: 0; width: 33.1%; margin-right: 6px; }
.right { float: right: 0; width: 33.1%; margin-left: 6px; }
.center { float: left; 0; text-align: left; width: 33%; }

I'm also having trouble removing padding top and bottom in the 3 divs, and the About div at top of page. Padding left is 10px, so looks like padding of about 12px is being added top and bottom even though CSS is set to 0.