Morgen allerseits...
Ich habe ein kleines Prob was mir noch graue Haare wachsen lässt...
Also...
auf http://www.inmedias.com/blog/ seht ihr recht die Sidebar. Die sollte auf 100% Höhe gehen. Nur irgendwie bekomme ich das nicht so ganz hin...Im IE funzt das, im FF aber nicht...irgendwas habe ich da falsch gemacht...hier mal das CSS (poste mal vorsichtshalber das Ganze, weiss ja nicht was ihr so davon braucht...)
HTML
/*
Theme Name: Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/
/*************************************
+Containers
*************************************/
html
{
height: 100%;
}
body
{
background:#fff url(./images/bg.png) repeat-x;
color:#555;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
height: 100%;
font-size: 10px;
}
#wrap
{
margin:0 auto;
text-align:left;
width:850px;
height: 100%;
}
#content
{
font-size:1.2em;
float:left;
padding:0px;
margin-bottom: 50px;
width:680px;
margin-top: 20px;
}
#sidebar
{
font-size:11px;
float: left;
padding-left: -10px;
width:150px;
background-color: #79aed0;
height: 100%;
margin-top: -2px;
}
#sidebar-verlauf
{
float: left;
margin-top: 0px;
padding-top: 50px;
width: 150px;
height: 100px;
background: url(images/verlauf-sidebar.jpg) repeat-x;
}
*html #sidebar
{
margin-top: -172px;
padding-top: 170px;
}
#sidebar-bild
{
background: url(images/erwin_lammenett-2.jpg) no-repeat;
width: 150px;
height: 203px;
margin-top: -170px;
}
#sidebar-player
{
padding-left: 1px;
}
#header
{
background: url(images/header2.gif) no-repeat;
width: 650px;
height: 166px;
padding-top: 8px;
margin-top: 12px;
float: left;
}
#footer
{
background:#79aed0;
border-top:1px solid #6F6F6F;
color:#fff;
clear:both;
font-size:0.9em;
margin-bottom: 0px;
}
/*************************************
+Hn and p
*************************************/
h1, h2, h3
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing: 0px;
margin:0;
}
h2
{
color: #ffffff;
margin-left: 5px;
}
#header h1
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
margin:0;
margin-right:2em;
}
#header h1 a
{
color:#ffffff;
padding-left: 10px;
font-size: 2em;
}
#header h1 a:hover
{
color:#eeeeee;
}
#header h2
{
width: 600px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
border-top: 2px solid #ffffff;
font-size: 16px;
text-align: center;
margin:0 auto;
}
#header p
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 3em;
margin:0;
margin-top: -20px;;
padding-left: 10px;
}
.entrytitle h2
{
font-size:1.7em;
background-color: #79aed0;
letter-spacing: 0.02em;
padding-left: 5px;
color: #ffffff;
margin-left: -5px;
width: 645px;
}
.entrytitle h2 a
{
color:#ffffff;
}
.entrytitle h2 a:hover
{
color:#dddddd;
}
.entrytitle h3
{
font-size:1.2em;
color:#79aed0;
border:1px solid #79aed0;
padding: 5px;
width: 638px;
margin-left: -5px;
}
*html .entrytitle h3
{
width: 645px;
}
#sidebar h3
{
color:#ffffff;
font-size:1.5em;
margin:3em 0;
padding-right: -5px;
}
#sidebar h2
{
color:#ffffff;
font-size:1.5em;
padding-left: 5px;
background-color: #79aed0;
}
/*************************************
+Entry
*************************************/
.entry
{
padding: 5px 5px 5px 5px;
width: 650px;
}
.entry p
{
width: 635px;
padding-left: 0px;
display: compact;
}
.entrymeta
{
font-size:0.9em;
border-top: 1px solid #cce3fb;
padding-top: 5px;
width: 637px;
}
.postedby
{
background: url(./images/user.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.filedto
{
background: url(./images/post.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.commentslink
{
background: url(./images/packaged.gif) no-repeat;
padding:3px;
padding-left:20px;
}
/*************************************
+Sidebar
*************************************/
#sidebar ul
{
list-style-type:none;
margin:0;
padding-left:0px;;
color: #ffffff;
}
#sidebar ul li
{
padding-top:2px;
color: #ffffff;
}
#sidebar ul li a
{
padding-left: 15px;
color: #ffffff;
}
#sidebar ul li a:hover
{
padding-left: 15px;
color: #cccccc;
}
/*************************************
+Comments
*************************************/
.commentsblock
{
margin:0.5em;
padding:1em;
}
.commentsblock textarea
{
width:35em;
color: #000000;
}
.commentsblock input, .commentsblock textarea
{
border:1px solid #d1d1d1;
}
.commentsblock textarea:focus
{
background:#eee;
border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus
{
background:#eee;
border:1px solid #a1a1a1;
}
.commentauthor
{
display:block;
font-size:1.5em;
}
ol.commentlist
{
color:#777;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0;
}
.commentlist li
{
margin-bottom:0.5em;
padding:0.5em 1em;
}
.alt
{
background:#f3f5e9;
border:1px dotted #d1d1d1;
padding:0.5em;
}
h3#comments
{
font-size:1.6em;
}
/*************************************
+Misc
*************************************/
a
{
color:#579;
text-decoration:none;
}
a:hover
{
color:#CC0000;
}
#links-fest
{
width: 140px;
height: 38px;
color: #ffffff;
margin-left: 12px;
backgound: #f3f5e9;
}
#xing-logo
{
margin-left: 0px;
margin-top: -8px;
}
#skype-logo
{
width: 89px;
height: 41px;
margin-left: 0px;
margin-top: -8px;
}
#rss-logo
{
width: 42px;
height: 41px;
margin-left: 0px;
margin-top: -8px;
}
#newsletter a
{
font-size:1.15em;
text-decoration: underline;
color: #FFFFFF;
}
.ddsg-sitemap
{
font-size: 18;
}
.ddsg-sitemap ul
{
padding-top: 5px;
list-style: none;
}
.ddsg-sitemap ul li
{
padding-top: 5px;
list-style: none;
}
.ddsg-sitemap ul li a
{
text-decoration: underline;
colo
}
Wäre klasse wenn ihr mir helfen könntet...mein Chef wird langsam ungeduldig..;-)
Danke sagt artig
Ragna