Re: Error with table width [Theme stylesheets (CSS) help]

***(EDIT) Still an Error with table width

2006/2/13 17:39
eclypto
Just popping in
Posts: 44
Since: 2004/7/24

Hey guys, how's it going. I have a problem that I've been working with for over a month!

If you go to http://www.eclypto.com in the center blocks, you'll notice that the green menu bar on top of each does not span 100% of the block. Why? No idea. For some reason it seems to work for the left blocks and the right blocks.

padding-left and right does not work (it just wants to make my tables mess up) and neither does width: 100%

Any ideas? Thanks ahead of time.

whttp://www.eclypto.com ---love my site. LOVE IT!

Re: Error with table width

2006/2/14 3:26
shank
Not too shy to talk
Posts: 144
Since: 2004/8/17

can you post your CSS file?

personally I think you theme needs to be wider, or your banner needs to be smaller.

s l s h a n k l e @ b e l l s o u t h . n e t

Re: Error with table width

2006/2/14 16:09
eclypto
Just popping in
Posts: 44
Since: 2004/7/24

Good idea. This is the code css code itself.

 body { background: #FFFFFF; margin:5px; padding:0; BORDER-TOP: #660000 1px solid;  BORDER-LEFT: #660000 1px solid; WIDTH: 50%; BORDER-BOTTOM: #660000 1px solid; BORDER-RIGHT: #660000 1px solid; padding-right: 6px; padding-left: 6px; padding-top: 1px; margin-left: auto; margin-right: auto; } 
body td, p, div {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;color: #3F3F40; } 
 
table {width: 100%; margin: 2; padding: 2;  background : #FFFFFF;  background-color : #FFFFFF;  border : 1px; align: center; margin-left: auto; margin-right: auto;  } 
table td {padding: 2;  border-width: 100%; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  border : thin #006600;  } 
 
a:link    {color: #006600; text-decoration: none} 
a:active {color: #006600; text-decoration: none} 
a:visited {color: #006600; text-decoration: none} 
a:hover  {color: #006600; text-decoration: underline} 
fieldset { 
border: 0px solid #fff; 
} 
 
 
h1 {color:#ac8;} 
h2 {color: #006600;} 
h3 {color: #006600;} 
h4 {} 
h5 {} 
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;} 
li { margin-left: 2px; list-style: square inside; color: #006600; 
} 
 
.item {} 
.itemHead {padding: 2px; border: 1px solid #006600;} 
.itemInfo {text-align: center;border-right: 1px solid #006600; border-left: 1px solid #006600;  background-color: #fff} 
.itemTitle a {font-size: 100%; font-weight: bold; color: #844;font-variant: small-caps; background-color: transparent; width: 100%;} 
.itemPoster {font-size: 90%; } 
.itemPostDate {font-size: 90%;} 
.itemStats {font-size: 90%;} 
.itemBody {padding-left: 1px; padding-right: 1px; border-left: 1px solid #006600; border-right: 1px solid #006600;} 
.itemText {margin-top: 0px; margin-bottom: 2px; line-height: 1.5em;} 
.itemFoot {text-align: left; padding:3px; border:1px solid #006600; background-color: #fff} 
.itemAdminLink {font-size: 90%;} 
.itemPermaLink {font-size: 90%; font-style:italic;} 
 
table#top {margin-bottom:8px;  border-bottom-color: #006600;  border-bottom-style: solid;  border-bottom-width: 1px;     } 
th {background-color: #fff; color: #006600; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;} 
 
td.slogan {padding-left:5px; padding-right:5px; height: 27px; background-color: #435992; border-top:1px solid #435992; border-bottom:1px solid #435992;vertical-align: middle; font-weight:bold;  background : #BFCFE2;  font : normal normal Verdana arial sans serif; background-image: url("pr.jpg"); } 
td#headerbanner {width: 100%; background-color: #BFCFE2; vertical-align: middle; text-align:center;} 
td#headerbar { background-image: url("pr.jpg");} 
 
 
td#leftcolumn {width: 130px; font-size:12px;  background : #FFFFFF;  padding-right: 6px;  } 
td#leftcolumn th {background-color: #FFFFFF; color: #006600; vertical-align: middle;} 
td#leftcolumn .blockTitle { padding: 2px; background-color: #006600; color: #FFFFFF; border-top: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600; text-align:center} 
td#leftcolumn .blockContent {padding: 2px; line-height: 120%; line-height: 120%;background-color: #fff;margin-bottom:8px;  background : #FFFFFF; border-bottom: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600} 
 
 
td#centercolumn { font-size: 10px;  border : 0px;  padding : 0px 0px;  padding-left : 0px; padding-right: 0px;  margin-left: auto; margin-right: auto;  } 
td#centercolumn th {background-color: #FFFFFF; color: #006600;  vertical-align: middle;} 
td#centerCcolumn {padding: 0px 3px 1px 3px;  border : 0px #3F3F40;  padding-top : 0px;  } 
td#centerCcolumn legend.blockTitle { border-width: 100%; margin-left: 2px; padding: 2px; color:#FFFFFF; margin-top:0px; BORDER-TOP: #006600 1px solid; BORDER-LEFT: #006600 1px solid; BORDER-BOTTOM: #006600 1px solid; BORDER-RIGHT: #006600 1px solid; width: 100%; background: #006600; font-variant: caps; text-align: center } 
td#centerCcolumn div.blockContent {padding: 0px; margin-right: 2px;  margin-left: 2px; margin-bottom: 8px; line-height: 120%;  line-height: 120%; line-height: 120%;background-color: #fff;margin-bottom:8px;  background : #FFFFFF; border: 1px solid #006600;margin-left: auto; margin-right: auto;} 
 
td#centerLcolumn { padding: 0px 3px 1px 3px; background : #FFFFFF; padding-right: 2px; } 
td#centerLcolumn legend.blockTitle { border-width: 100%; margin-left: 2px; padding: 2px; color:#FFFFFF; margin-top:0px; BORDER-TOP: #006600 1px solid; BORDER-LEFT: #006600 1px solid; BORDER-BOTTOM: #006600 1px solid; BORDER-RIGHT: #006600 1px solid; width: 100%; background: #006600; font-variant: caps; text-align: center } 
td#centerLcolumn div.blockContent { padding: 0px; margin-left: 0px; margin-right: 5px; margin-bottom: 5px; line-height: 120%;  border : 1px solid #006600; margin-left: auto; margin-right: auto;} 
 
td#centerRcolumn { padding: 0px 3px 1px 3px;} 
td#centerRcolumn legend.blockTitle {border-width: 100%; padding: 2px; color: #FFFFFF; margin-top: 0px; BORDER-TOP: #006600 1px solid; BORDER-LEFT: #006600 1px solid; BORDER-BOTTOM: #006600 1px solid; BORDER-RIGHT: #006600 1px solid; width: 100%; background: #006600; text-align: center} 
td#centerRcolumn div.blockContent {width: 100%; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; line-height: 120%; border : 1px solid #006600;  border-top-width : 1px; margin-left: auto; margin-right: auto;} 
 
div#content {text-align: left; padding: 0px; } 
 
td#rightcolumn {width: 150px; font-size:12px; background : #FFFFFF;  padding-left: 6px; } 
td#rightcolumn th {background-color: #fff; color: #006600; vertical-align: middle;} 
td#rightcolumn .blockTitle {padding: 2px; background-color: #006600; color: #FFFFFF; border-top: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600; text-align: center} 
td#rightcolumn .blockContent {padding: 3px; line-height: 120%; line-height: 120%;background-color: #fff;margin-bottom:8px;  background : #FFFFFF; border-bottom: 1px solid #006600;  border-left: 1px solid #006600; border-right: 1px solid #006600;} 
 
tr#footerbar {text-align:center; } 
tr#footerbar td {border-bottom:1px solid #006600; height:5px;} 
td#mainmenu a {display: block; margin: 0; padding: 4px; color: #006600;} 
td#mainmenu a:hover {color:#469;} 
td#mainmenu a.menuTop {padding-left: 3px;} 
td#mainmenu a.menuMain {padding-left: 3px;} 
td#mainmenu a.menuSub {padding-left: 9px; } 
 
td#usermenu a {display: block; margin: 0; padding: 4px;color: #006600;} 
td#usermenu a:hover {color:#469; } 
td#usermenu a.menuTop {} 
 
 
 
.outer {border: 1px solid #006600; } 
.head {background-color: #fff; padding: 5px; font-weight: bold;  background : none;border-bottom: 1px solid #006600; } 
.even {background-color: #fff; padding: 5px;border-bottom:1px solid #006600;} 
.odd {background-color: #ECF3E6; padding: 5px;border-bottom: 1px solid #006600;} 
.foot {background-color: #fff; padding: 5px; font-weight: bold; } 
tr.even td {background-color: #fff; padding: 5px;} 
tr.odd td {background-color:#ECF3E6; padding: 5px;} 
 
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} 
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} 
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;} 
 
div.xoopsCode { background: #FFFFFF; border: 1px inset #006600; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;} 
div.xoopsQuote { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006600; padding: 0px 6px 6px 6px;} 
 
 
.comTitle {font-weight: bold; margin-bottom: 2px;} 
.comText {padding: 2px;} 
.comUserStat {font-size: 10px; color: #006600; font-weight:bold; border: 1px solid #006600; background-color: #FFFFFF; margin: 2px; padding: 2px;} 
.comUserStatCaption {font-weight: normal;} 
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #844; font-weight:bold; font-size: 10px;} 
.comUserRank {margin: 2px;} 
.comUserRankText {font-size: 10px;font-weight:bold;} 
.comUserRankImg {border: 0;} 
.comUserName {} 
.comUserImg {margin: 2px;} 
.comDate {font-weight: normal; font-style: italic; font-size: smaller} 
.comDateCaption {font-weight: bold; font-style: normal;} 
#footer {text-align:center;} 
#footer td {text-align:center;} 
 
td#headmenu a 
{ 
background-color: #006600; 
color: #FFFFFF; 
font-size: 8px; 
display: block; 
padding: 5px; 
} 
td#headmenu a.menuHead 
{ 
font-size: 9px; 
} 
.button 
{ 
font-size: 9px; 
color: #000000; 
margin-bottom: 1px; 
}

whttp://www.eclypto.com ---love my site. LOVE IT!

Re: Error with table width

2006/3/1 20:01
eclypto
Just popping in
Posts: 44
Since: 2004/7/24

I still haven't been able to solve this puzzle, especially the illegal overlap that I have going on.

whttp://www.eclypto.com ---love my site. LOVE IT!

Re: Error with table width

2006/3/1 20:08
msdana
Just can't stay away
Posts: 817
Since: 2005/12/11

Seems you have your site turned off. Perhaps it would help to actually see the problem along with your css code

[size=x-small]If God is watching us, the least we can do is be entertaining.[/size]
Graphic Worx : Xoops Themes

Stats
Goal:	$100.00
Due Date:	Jan 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

***(EDIT) Still an Error with table width

Re: Error with table width

Re: Error with table width

Re: Error with table width

Re: Error with table width

Login

Search

Recent Posts

Re: AI circumvent anti spamm

Re: AI circumvent anti spamm

AI circumvent anti spamm

Re: xoops_redirect

Re: Help to import database

Re: Help to import database

Re: xoops_redirect

Re: XOOPS MyMenus 1.54.0 Beta 10

Re: xoops_redirect

Vulnerability in xmnews, xmsocial and xmarticle modules

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}