Hallo!
Ich habe eine Frage zum 01-article-system. Bitte schaut euch mal diese Seite hier kurz an: http://www.roma-aeterna.de/legion.php
Links stimmt der Abstand zum Rand, rechts aber ist gar keiner da (padding?). Könntet ihr mir sagen, wie ich das auch rechts hinbekomme? Das Problem istnämlich: MAche ich padding right 7px, wird die Tabelle größer und sprengt das Layout...
Mein css-code sieht so aus:
ZitatAlles anzeigen
/* Äußere Box für den gesamten Artikel-Bereich - DIV selber (id = 01article) */
#_01article{
text-align:left;
}
.box_out{
width: 444px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
/* Link-Definitionen (box_out) */
.box_out a:link,.box_out a:visited {
text-decoration: none;
color: #000000;
}
.box_out a:hover {
text-decoration: none;
color: #000;
}
.artikel_headline {
width:562px;
}
/* Artikel-Titel (innerhalb von artikel_headline) */
h2.titel{
font-weight:lighter;
color:#FFFFFF;
font-size:1.0em;
margin-bottom:0;
padding-bottom: 0;
text-decoration:none;
width:562px;
background-color: #800000;
border-left: 1px solid #800000;
border-right: 1px solid #800000;
}
/* Informationen zum Artikel unterhalb des Titels */
.headline_small, .footline_small {
width:555px;
font-size:10px;
text-decoration:none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
padding-right:7px;
padding-left:7px;
padding-top:7px;
margin-bottom:12px;
}
/* Link-Definitionen (artikel_headline) */
.artikel_headline a:link,.artikel_headline a:visited {
text-decoration: none;
color: #000000;
}
.artikel_headline a:hover {
text-decoration: none;
color: #000000;
}
/* Link-Definitionen (titel) */
.titel a:link, .titel a:visited {
text-decoration:none;
border:0;
color:#FFF;
}
/* Aussehen der Artikel-DIV-Box */
.artikel_textbox {
background-color:#ECECD4;
width:555px;
border-left: 1px solid #9E9C92;
border-right: 1px solid #9E9C92;
border-top: 1px dotted #9E9C92;
border-bottom: 1px solid #9E9C92;
padding-left:7px;
}
/* Aussehen der Artikel-Texte / der Artikel-DIV-Box */
.artikel_text, body.mceContentBody {
font-size:10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
/* Link-Definitionen (artikel_text) */
.artikel_text a:link, .artikel_text a:visited, .mceContentBody a {
text-decoration: underline;
color: #000;
}
.artikel_text a:hover {
text-decoration: none;
color: #000;
}
/* CSS-Eigenschaten für das Kategorie-Bild */
.artikel_catimg img {
text-align:left;
float:left;
padding:5px;
padding-top:15px;
}
/* Definition für TABELLE mit der Seiten-Navigation */
.table_page {
padding-top:15px;
width:555px;
border:0;
}
/* Textdefinition für Seiten-Navigation (Vor, Zurück etc.) */
.page_text {
font-size:12px;
text-decoration:none;
}
/* Definition für Tabellenabschnitt mit weiteren Feldern (Suchbox, RSS, Archiv, Seiten etc.) */
.table_page_fields {
padding-top:15px;
width:auto;
border:0;
}
.table_page_fields td {
padding:5px;
}
/* Tabelle für Archiv-Ansicht */
.table_archiv {
width:850px;
border:0;
}
.table_archiv td {
padding:5px;
}
.table_archiv_headline {
font-weight:bold;
}
/* Definition für Kommentar-Box (Anzeige von Kommentaren) */
.commentbitbox {
width:550px;
text-align:left;
border:1px #9E9C92 solid;
padding:8px;
background-color:#ECECD4;
}
.comment_text {
font-size:12px;
text-decoration:none;
width:546px;
}
/* Definition für "Kommentar-Hinzufügen"-Tabelle */
.commentaddbox {
width:563px;
text-align:left;
border:1px #9E9C92 solid;
padding:8px;
background-color:#ECECD4;
}
/* Aussehen von kleinem Text */
.small, .small a:link,.small a:visited {
font-size:10px;
text-decoration:none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
.small a:link,.small a:visited {
text-decoration:underline;
}
.box_out a:hover {
text-decoration: none;
}
/* Hervorgehobener, wichtiger Text */
.highlight {
font-weight:bold;
color:red;
}
/* Formular-Elemente */
/* Normales Textfeld */
.input_field {
}
/* Formular-Buttons */
.input_button {
}
/* Dropdown-Boxen */
.input_selectfield {
}
/* Rahmen bei Bildern mit Link entfernen */
img {
border: 0;
}
.float_left {
text-align:left;
float:left;
}
.float_right {
text-align:right;
float:right;
}
/* Copyright-Hinweis */
/* Sichtbare Hinweis darf ohne eine entsprechende Lizenz NICHT entfernt werden! */
.copyright {
padding-top:15px;
font-size:10px;
text-decoration:none;
}