html - CSS: Table head looks smaller than table body -


I have a table in table table and table body. To make the table a little good, table head has a 2-part background image which gives it round corners. There is no limit to the head of the table.

The body of the table is limited, so it starts touching slightly out of the table head on right and left

I table head (without limit) table body (border) With) Want to create similar shapes as to how to complete any thoughts?

HTML: 

  & lt; Table id = "outer table" & gt; & Lt ;! - No Limit - & gt; & Lt ;! - small to right and left - & gt; & Lt; Thead & gt; & Lt; Tr id = "outerro" & gt; & Lt; Th id = "titleTh" & gt; Table title & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt ;! - The limit is - & gt; & Lt; Tbody id = "outer body" & gt; & Lt; / Tbody & gt; & Lt; / Table & gt;

CSS: 

  #outerTable {margin: 0 px auto px auto; Font-size: 12px; Background color: white; Degradation: collapse; } #titleRow {background-image: url ('/ images / vinHead_r.png'); Repeat Background: No Repetition; Background-position: right top; Margin-top: 0 pixels; } #Title: {font-size: 16px; Background-image: url ('/ images / vinHead_l.png'); Repeat Background: No Repetition; Background-position: left top; Color: #EEEEEE; Padding: 5px 5px 5px 20px; Text align: center; Cursor: indicator; Margin-down: 0 pixels; Margin-top: 0 pixels; } #outerBody {boundary: 2px solid # 666666; << Code>   
 
 
 border  thead  ( if you < / Strong>) that matches the main bgg of your wrapper, most likely white? 
   Tobbie {boundary: 2px solid transparent; }

Edit: I forgot that you can set a transparent limit if it works in IE, then proceed.


Comments

Post a Comment