Benutzer 19273
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 13.04.2006 20:54
Titel Wordpress Blog CSS Problem - "geht nicht bis nach unten |
|
|
Tagchen,
der Blog um den es geht: www.classic-gti.de
Hab den Fleur-Theme (falls es wem was sagt) und möchte nun den Contentteil, also den ganzen Teil inner Mitte (beige) inklusive dem roten Balken links etc. bis nach unten der Seite fließen lassen, sodass er am sichtbaren Browserende mit dem Footer abschließt. Habs schon mit max-height und height 100% versucht aber das haut nicht hin. Ich weiß auch nicht genau wo das hinmuss...
Style.css:
Code: | /*
Template: fleur
Theme Name: Fleur De Lys
Theme URI: http://wpthemes.info
Author: Sadish Balasubramanian
Author URI: http://www.simpleinside.com
*/
/* General Styles */
body {
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size: 90%;
background:#F2F2E9;
}
hr, .description
{
display:none;
}
a:link {
color:#AA7D39;
text-decoration:none;
}
a:visited {
color:#B3A99A; /*B8A280;*/
text-decoration:none;
}
a:hover {
color:#9C803A;
text-decoration:underline;
}
a img {
border-width:0;
}
a img { border:none;}
#rap {
width: 980px;
margin: 0 auto;
text-align: left;
position: relative;
background: #fff;
padding: 0;
background:#fff url('img/rap.jpg') repeat-y left;
}
acronym, abbr {
border-bottom: 1px dotted #9C803A;
}
acronym, abbr, span.caps {
cursor: help;
letter-spacing: .07em;
}
code {
font-size: 1em;
font-style:italic;
}
blockquote {
border-left: 5px solid #DADACE;
margin-left: 1.5em;
padding-left: 5px;
}
cite {
font-size: 0.9em;
font-style: normal;
}
h3 {
margin: 0;
padding: 0;
font-size: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
p {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.2em;
font-size: 1.1em;
}
/* Header Styles */
#header
{
margin: 0;
padding: 5px 15px;
height: 153px;
text-align: center;
text-transform: uppercase;
background:url('img/fdl_top.jpg') repeat top;
}
#header h1 {
margin: 30px auto 5px auto;
padding: 50px 0 0 0;
font-size: 1.5em;
font-weight: normal;
letter-spacing: 0.1em;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header h1 a {
text-decoration: none;
border:none;
color:#ddd;
}
#header h1 a:hover,#header h1 a:active {
text-decoration: none;
color:#fff;
}
/* Content Styles */
#content
{
float: right;
margin:20px 0;
padding:0 5px;
background: #fff;
width: 700px;
font-size: 0.9em;
display:inline;
}
.post {
margin: 0 0 2em 0;
}
#content ol
{
font-size:1.1em;
margin:5px 0 5px 20px;
padding:0 0 0 20px;
}
#content ol li
{
margin:0;
padding:2px;
margin:5px 0 5px 18px;
}
#content ul
{
font-size:1.1em;
list-style:none;
margin:5px 0 5px 20px;
padding:0 0 0 20px;
}
#content ul li
{
list-style:none;
background:url('img/fdl_icon.gif') no-repeat left center;
padding:2px 0 2px 18px;
}
/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.post-info {
font-size: 0.85em;
color: #808080;
margin: 0 0 1em 0;
padding: 0 0 0.3em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear:both;
}
.post-info span {
margin: 0.6em 0 0 0;
}
.post-info li {
display: inline;
}
.post-info ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.post-info-co
{
text-align:right;
padding-right:15px;
}
.post-title{
margin: 0;
border-bottom: 1px solid #c96666;
text-align:right;
font-size:0.96em;
padding:0;
color:#C4C5B7;
padding:0 0 0.1em 0;
}
.post-title em
{
text-decoration:none;
background:url('img/permalien.png') left no-repeat;
padding-left:12px;
font-size:1.3em;
float:left;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content .post-title em a
{
text-decoration:none;
color:#AA7D39;
}
.post-content
{
margin: 0 0 1em 0;
padding: 0;
font-size:0.89em;
}
.post-footer
{
background:url('img/fdl_icon.gif') no-repeat center bottom;
}
/* sidebar Styles */
#sidebar {
margin: 20px 0 0 40px;
width: 190px;
padding: 0 0 10px 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;
display:inline;
color:#666;
}
html>body #sidebar {
width: 190px;
}
#sidebar h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:0.3em 0;
padding:3px 0 3px 2em;
background:transparent url('img/fdl_menu_1.jpg') no-repeat left center;
}
#sidebar h2.special {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:0.3em 0;
padding:3px 0 3px 2em;
background:transparent url('img/fdl_menu_1.jpg') no-repeat left center;
}
#sidebar form {
margin: 0 0 1.5em 0;
}
#sidebar input#s {
width: 100%;
background: #F5F5F5;
border: 1px solid #669BB4;
color: #000;
margin: 0.5em 0;
}
#sidebar ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0;
padding: 5px 0.5em 5px 1.5em;
font-size:0.8em;
}
#sidebar ul li {
margin: 0;
padding: 5px 0;
font-size:1em;
}
#sidebar ul li p {
margin: 0;
padding: 5px 0;
font-size:1em;
}
/* Footer Styles */
#footer
{
clear:both;
margin: 0;
padding: 0;
text-align: center;
font-size: 0.9em;
background:url('img/footer2.jpg') repeat-x top;
color:#cacaca;
text-transform:lowercase;
height:25px;
}
#footer cite {
color: #808080;
}
#footer a {
color: #f0f0f0;
text-decoration:none;
}
#footer a:hover {
color: #fcfcfc;
}
/* Comment Styles */
#content .commentlist
{
font: bold 1em georgia, 'Times New Roman', serif;
color: #ccc;
padding: 0;
margin:0;
}
#content .commentlist li {
color: #666;
font: normal 0.85em georgia, 'Times New Roman', serif;
margin-bottom: 10px;
border:#DADACE 1px solid;
padding:5px;
}
#content .commentlist cite {
color: #808080;
margin: 0 0 1em 0;
padding: 0 0 0.5em 0;
}
#content .commentlist p
{
line-height:1.2em;
padding:2px 0;
margin:5px 0;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #F5F5F5;
border: 1px solid #669BB4;
padding: 0.2em;
}
#commentform textarea {
width: 80%;
}
#commentform p {
margin: 0 0 1em 0;
}
#content .commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}
#comments,#respond {
margin: 3em 0 1em 0;
color: #AA7D39;
font: 0.9em verdana, helvetica, sans-serif;
}
textarea
{
width:80%;
}
/*other*/
.feedback
{
background:url('img/ico-talk-act.gif') no-repeat left;
padding-left:18px;
}
.pauthor, .ptime, .pcat
{
font-size:0.8em;
padding-right:10px;
}
.pauthor
{
background:url('img/user.png') no-repeat left;
padding-left:12px;
}
.ptime
{
background:url('img/heure.png') no-repeat left;
padding-left:12px;
}
.pcat
{
background:url('img/puce.png') no-repeat left;
padding-left:12px;
} |
[edit]
Verschoben von Programmierung nach Allgemeines - Nonprint
HTML und CSS sind keine Programmiersprachen![/color]
Zuletzt bearbeitet von tacker am Fr 14.04.2006 15:35, insgesamt 1-mal bearbeitet
|
|