Tabellengröße geändert: Anzeige spinnt!
DAB268
- css
Hallo.
Ich habe nur die breite der oberen linken Tabelle(Headerbild) geändert, und schon verschieben sich die Tabelle unterhalb (schwarz) nach rechts.
Wie kann das sein? Bitte helft mir.
MfG
DAB268
Hier die URL: http://home.arcor.de/dab268-2/test/design.html
Hier der CSS Text:
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {font-family:Arial,sans-serif;}
body.main {background-color:#DDDDDD; color:#000000; text-align:left;} /* Allgemeiner Body */
a {color:#0000AE; text-decoration:none; font-weight:bold;}
a:hover {color:#0000EE; text-decoration:none; font-weight:bold;}
a.button {display:block; height:30px; color:#FFFFFF;} /* Spezielle Linkkonfiguration für Buttons */
a.name {color:#000000; font-weight:normal;}
a.bottom {color:#FFFFFF; text-decoration:none; font-weight:bold;} /* Spezielle Linkkonfiguration für td.bottom */
a.bottom:hover {color:#AAAAAA; text-decoration:none; font-weight:bold;} /* Hover für td.bottom */
a.bildlink {cursor:pointer;} /* Link von Bildern mit JavaScript */
table.main {border-collapse:collapse; width:100%; background-color:#FFFDDD; color:#FFFFFF} /* Haupttabelle um alle anderen */
th.head {padding:0; vertical-align:middle; background-color:#FF00AE; height:80px;} /* Head: oberste Tabellenreihe */
td.tree {font-size:8pt; color:#0000AE; font-weight:bold; text-align:left} /* Navigationstree */
td.tree2 {font-size:8pt; color:#0000AE; font-weight:bold; text-align:center;} /* Seitensprungtree */
td.middle {vertical-align:top; background-color:#DDFFFD; text-align:right;} /* Haupttabelle in der Mitte */
td.left {width:200px; background-color:#000000; vertical-align:top; text-align:left;} /* Hauptabelle links */
td.bottom {text-align:center; background-color:#0000AE; height:20px; font-size:8pt; background-image:url(bilder/headerk.gif); color:#FFFFFF;} /* Bottom: Unterste Tabellenreihe */
table.mainhead {border-collapse:collapse; width:100%; background-color:#DDDDDD; color:#FFFFFF} /* Haupttabelle um den Head */
th.head1 {width: 600px; padding:0; vertical-align:middle; text-align:left; background-color:#0000AE; height:80px; background-image:url(bilder/header.jpg);} /* Head: linke Tabellenreihe */
th.head2 {padding:0; vertical-align:middle; text-align:right; background-color:#0000AE; height:80px; background-image:url(bilder/header.gif);} /* Head: rechte Tabellenreihe */
table.left {width:170px; background-color:#00EF00; border-collapse:collapse; border-spacing:0px; text-align:center;} /* Linke Tabelle um einzelne Rubriken */
th.lheader {font-size:12pt; background-color:#5555AA; width:170px; padding:0; height:20px; background-image:url(bilder/headerk.gif); color:#FFFFFF; text-align:center;} /* Rubrikenheader in der Linken Tabelle */
td.lmain {background-color:#00A400; width:170px; padding:0;} /* Hauptteil in der Linken Tabelle */
table.linside {font-size:10pt; background-color:#EFEFEF; width:170px;border-left: solid 2px; border-right: solid 2px; border-bottom: solid 2px; border-color:#0000AE; text-align:center;} /* Linke Tabelle: Hauptteil (Innentabelle) */
table.middle {text-align:right; width:100%; border:0px; background-color:#5555AA; border-collapse:collapse; border-spacing:0;} /* Mittlere Tabelle um einzelne Rubriken */
th.mheader {height:20px; font-size:12pt; background-color:#5555AA; padding:0; background-image:url(bilder/headerk.gif); color:#FFFFFF; text-align:center;} /* Rubrikenheader in der mittleren Tabelle */
th.nheader {height:20px; font-size:10pt; background-color:#5555AA; padding:0; background-image:url(bilder/headerk.gif); color:#FFFFFF; text-align:left;} /* Rubrikenheader in der mittleren Tabelle */
td.mmain {background-color:#ff0000; width:100%; padding:0;} /* Hauptteil in der mittleren Tabelle */
table.minside {font-size:10pt; background-color:#EFEFEF; width:100%; border-left: solid 2px; border-right: solid 2px; border-bottom: solid 2px; border-color:#0000AE; text-align:left;} /* Mittlere Tabelle: Hauptteil (Innentabelle) */
table.innertrans {font-size:10pt; background-color:#EFEFEF; width:100%; border: none 0px; text-align:left;} /* Mittlere Tabelle: Innetabelle2 tarnsparent */
td.innertransl {font-size:10pt; background-color:#EFEFEF; width:200px; border: none 0px; text-align:left;} /* Mittlere Tabelle: Innetabellenheader2 trasnparent */
td.innertransr {font-size:10pt; background-color:#EFEFEF; border: none 0px; text-align:left;} /* Mittlere Tabelle: Innentabellenhauptteil2 (Innentabelle) */
p.bottom {font-size:8pt; text-align:center; font-weight:bold;} /* Absatz in td.bottom */
button.button {font-weight:bold; color:#FFFFFF; font-size:11pt; height:30px; width:150px; background-image:url(bilder/button.gif); border:none; background-color:transparent;}