Thema: Warum sind die Tabellen so zickig?

Das ist natürlich erstmal eine gute Variante mit dem Editor deaktivieren. Zumindest solange bis ich meinen statischen Content von der alten Webseite ins Joomla reingekriegt habe.
Mit den Divs habe ichs mal versucht, aber ich schnall das einfach nicht. Mein Grunddesign besteht nunmal aus einem Tabellenlayout, das hab ich vor einigen Jahren mal erstellt, wollte mehrmals von weg, kriege aber ohne Tabellen keine vernünftige Umsetzung geregelt. Dazu bin ich halt zu blöd, konnte aber bisher ganz gut damit leben...

Ob nun selfhtml, Css4you oder dieses Zengarden, ich weiß nicht welche Anleitungen und tutorials ich mir da schon reingedrückt habe, da steig ich nicht durch. Das sieht nie so aus wie es soll.
Zumal ich gerade bei Joomla nicht so unbedingt den Sinn sehe, da ein Teil des Contents eingebundenen doch wieder auf Tabellen basiert. Ich habe schon genug Arbeit meine gutlaufende Seite mit allen Nachrichten und allem drum und dran ins CMS zu friemeln. Dann noch das Design umbauen? Nee, da bleib ich lieber bei meiner alten Seite und tacker meine Contents weiter mit HTML rein. Sollte mein Wunschdesign jedoch nur mit DIVs realisierbar sein hab ich wohl ein Problem...aber warum? Mit HTML-Tabellen hats doch immer geklappt, nur dieses Joomla *grummel fluch*...

Jepp, hab ich. Nur passiert da nix

Aaaalso:
Nehmen wir als Beispiel diese Seite.
Dort wird ein statischer Content eingebunden, mit folgendem Quältext:

Code:

<table style="HEIGHT: 100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td valign="top" align="center" height="19"><div class="naviheads" align="center">Geschichte des Fan-Clubs </div></td></tr><tr><td valign="top"><blockquote><p>BlaBlaBla</p></blockquote></td></tr></tbody></table>

Die Tabelle ist auf 100%, die Überschrift wird via CSS festgelegt:

Code:

/* General */

html {height: 100%;}

body
{
	height: 100%;
	width: 100%;
	scrollbar-track-color:#cccccc;
	scrollbar-face-color:#000000;
	scrollbar-arrow-color:#ff6600;
	scrollbar-highlight-color:#ff6600;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-shadow-color:#ff6600;
	scrollbar-darkshadow-color:#000000;
         margin:0;
         padding:0;
	background: #666666;
}
.buttonheading
{
	background : #ffffff;
}
.sectiontableheader
{

	font-weight : bold;
	padding: 3px;
}
.highlight
{
	background : #B3B9A6;
}

tr, p, div {
  font-family      : Verdana;
  font-size        : 11px;
  color            : #000000;
}

.tblpathway
{
background: #D9DBD2;		
}

.tblbody
{
	border : 2px solid #ff6600;
	background: #cccccc;	
	height: 100%;
width: 100%;
}

.tblheader
{
	margin-bottom: 3px;
	padding-top:5px;
	padding-bottom:5px;
}
.tblmain
{
	height: 100%;
	margin: 0px;
	width: 100%;
	margin:0;

}


table.moduletable
{
  width: 130px;
	margin-bottom: 5px;
	padding-bottom:1px;
	border : 2px solid #ff6600;
	background : #CCCCCC;
}

table.moduletable th
{
	height: 12px;
	width: 100%;
	height: 100%;
	color: #FF6600;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	background : Black;
}



table.contentpaneopen td
{
	text-align:justify;
}

.button
{
	border-left : 1px solid #C8D5C4;
	border-top :  1px solid #C7D5C4;
	border-right : 1px solid #899686;
	border-bottom :1px solid #8F9E8C;
	background: #B1B7A6;
}

a.mainlevel:link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
a.mainlevel:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
a.mainlevel:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #FF6600;
	width: 100%;
	font-style: normal;
	line-height: normal;
         font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

a.sublevel:link, a.sublevel:visited {
	font-size: 9px;
	color: #000000;
	text-align: left;
	text-decoration: none;

}

a.sublevel:hover {

	text-decoration:underline;
}

a:link, a:visited {
	font-size: 11px;
	color: #000000;
}

a:hover {
	text-decoration: none;
}



.contentheading {

	font-size: 12px;
	font : bold;
}


.componentheading
{
	height: 12px;
	width: 100%;
	color: #FF6600;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	background : Black;
}
.contentpaneopen 
{ 
         width:100%; 
}

.contentdescription
{
	padding-top:10px;
}

.createdate, .small
{
color: Black;
 font : 10px;
}

.inputbox
{
	border : 1px solid #B5BBB6;
	font-family: verdana;
	font-size: 11px;
}


table.contenttoc {
	margin:2px;
}

table.contenttoc th {
	background: #A9B09E;
	border-bottom : 2px solid #FF9338;
	color: #555555;
	text-align: left;
	padding-top: 4px;
	padding-left : 3px;
	height: 23px;
	font-weight: bold;
	font-size: 11px;
}

table.contenttoc td
{
	background : #eeeeee;
	line-height:12px;
	padding:2px;
}

table.contenttoc a:link , table.contenttoc a:visited
{
	font-size:11px;
	color: #555555;
	text-decoration : none;
}

table.contenttoc a:hover
{
	color : #000000;
	text-decoration : none;
}

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

li
{
	line-height: 15px;
	padding-left: 2px;
	padding-top: 0px;
	background-image: url(../images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.naviheads {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	background-color: #000000;
	width: 100%;
	margin: 0px;}

Die Definition Naviheads ist also für die Überschrift zuständig.
Das Problem ist nur dass die Überschrift bei der oben verlinkten Seite weder oben noch rechts/ links bündig ist (weder IE noch FF), da ist immer ca, 1-2px Platz.
Dass die Static Content Seite nicht 100% den Mainbodyplatz ausfüllt ist mir einfach nicht ersichtlich und ich tüftel seit Tagen daran. Auch das Setzen von Contentpaneopen auf 100% Breite bringt keinen Unterschied. Es handelt sich übrigens um ein umgebautes Simpleportal-Template, falls das von Interesse ist.