✔ Fragen zu Bloglayout

RoyalArsenal

RoyalArsenal

Mitglied
Bin dabei mein Blog auf http://silverscreen87.blogspot.com/ zu modifizieren und hab das meiste eigentlich plaziert, doch gibt es noch einige kleine Details, die ich bis jetzt nicht lösen konnte:

1. links von der linken Sidebar gibt es noch einen weissen Streifen, doch krieg ich den nicht weg. Hat jemand eine Idee wie ich den wegbringe?

2. die sidebars (und deren hintergrund) hören am Ende ihrer zugeteilten Widgets auf. Wie kann ich es machen, dass sie jedesmal bis an den Footer hinunter reichen? Sprich: Das Rote sollte immer bis nach ganz unten reichen.

3. Die Linkfarbe der Sidebar ist richtig, doch möchte ich noch die Linkfarbe in den Posts und den Postfooter individuell einstellen. Was muss ich in der HTML verändern?

4. Ich möchte noch einen fliessenderen Übergang bzw. eine bessere Abtrennung der beiden Sidebars zum eigentlichen Textfeld herstellen. Was wäre da stilistisch am passendsten und was gibt es da für gute Möglichkeiten?

Würde mich auf ein paar Hilfestellungen ungemein freuen! :)

Der HTML Code:

PHP: 
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

<link href="http://th14.piranho.de/css/lightbox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="http://th14.piranho.de/js/prototype.js" type="text/javascript"/>
<script src="http://th14.piranho.de/js/scriptaculous.js?load=effects,builder" type="text/javascript"/>
<script src="http://th14.piranho.de/js/lightbox.js" type="text/javascript"/> 


/* **************************
Plantilla adaptada a Blogger por blogandweb
Diseño original por David Herreman.

Encuentra esta y más plantillas en:
http://www.blogandweb.com

Recuerda que esta plantilla es gratuita y esta 
bajo una licencia Creative Commons Atribution.
Puedes usarla para fines personales o comerciales 
pero NO REMOVER LOS CREDITOS

Una bonita forma de agradecer es dando un link a blogandweb.
***************************** */


/* Definición de variables
   ====================
    <Variable name="bgcolor" description="Color de fondo del blog"
             type="color" default="#303B41" value="#303B41">
   <Variable name="textocolor" description="Color general del texto"
             type="color" default="#808080" value="#333333">
   <Variable name="enlacecolor" description="Color de los enlaces (links)"
             type="color" default="#075181" value="#ffcc66">
   <Variable name="colortituloblog" description="Color del título del blog"
             type="color" default="#FFFFFF" value="#ffffb3">
   <Variable name="descripcioncolor" description="Color de la descripción del blog"
             type="color" default="#075181" value="#d9e6ff">
   <Variable name="colortituloentrada" description="Color del títulos lateral"
             type="color" default="#075181" value="#ffff66">
   <Variable name="colortitentrada" description="Color título entrada"
             type="color" default="#085281" value="#cc0000">
   <Variable name="colortextolateral" description="Color de los links en la barra lateral"
             type="color" default="#546078" value="#546078">
*/

#outer-wrapper {
	background: #FFF url(http://img291.imageshack.us/img291/2285/blogyazulmainbgyc0.jpg) repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 800px
}

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

/*-- (Genrales) --*/

body { 
	margin:0px 0; 
	padding:0; 
	color: $textocolor;  
	background: $bgcolor url(http://img291.imageshack.us/img291/4232/blogyazulbgcw8.jpg) repeat-x;
	line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:74%; font-family:Arial, Sans-Serif 
}

a img
{
padding:2px;
background:#FFF;
border:1px solid #333;
}

ul { margin-left: 0; padding-left: 5px; list-style : square; }
li { 	margin: 0 0 2px 15px; padding: 0 0 0 0px;	color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }

p { margin: 0 0 5px 0; padding: 0; color: $textocolor; background: inherit; }
a { color: $enlacecolor; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }

h1 { 
	padding:0; 
	margin:0; 
	color: $colortituloblog; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
        position: absolute;
        top: -1000px;
        left: -1000px;
}

h1 a { color: $colortituloblog; background: inherit; }

h2 { 
	background: url(http://lh3.ggpht.com/_7C4NVJJsAWU/SaqrAJkUGtI/AAAAAAAABnw/baN7UjsI7-4/iconfinal.png) no-repeat left;
	color:$colortituloentrada;
	font-size:140%; 
	font-weight:bold; 
margin-left:5px; margin-right:0; margin-top:5px; margin-bottom:5px; padding-left:30px; padding-right:0; padding-top:15px; padding-bottom:0 
	
}

h2 a { background: #ffffff; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }

fieldset {	border: 1px solid #075181; }

#main-wrapper {overflow:hidden;} 
.clear {clear:both;}
#blog-pager-newer-link {float: left;} 
#blog-pager-older-link {float: right;} 
#blog-pager {text-align: center; }

/*-- (Cabecera) --*/

#top {
	padding: 0;
        width: 985px;
	margin: 0;
	background: #000 url(http://lh6.ggpht.com/_7C4NVJJsAWU/SZCAb31C96I/AAAAAAAABOY/QLyjXT9en90/topfinal.jpg) no-repeat top;
	height: 44px
}

#top .padding { 
	float: right;
	color: #808080;
	padding: 20px 25px 0 0;
	font-size: 90%;
}

#top a { color: #E0F5FF; }

#header-wrapper {
	margin: 0; 
	width: 985px; 
	 background: #036EB4 url(http://lh4.ggpht.com/_7C4NVJJsAWU/SZCnhPbfiUI/AAAAAAAABQU/CJcPvAJSvew/headerbackground.jpg) no-repeat center top; 
	height: 250px; 
	color: #FFF 
}

#header-wrapper h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin: 0;
		padding: 0; 
}

#header-inner {
        position:relative;
        padding: 250px 0 0 50px;
}

#header-inner #logo { position:absolute; top:183px; right:5px; }

#header-wrapper p {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		background-image: url('none');
		color: $descripcioncolor;
		margin: 0;
		padding-left:2px; padding-right:0; padding-top:0; padding-bottom:0
}

#header-wrapper a {

}

#content-wrapper {
background: #F2EEEB; width: 950px; margin: 0 20px 0 20px; color: #808080;
}

/*-- (Menú) --*/

#subheader { 
	background: #000 repeat-y center;
	width: 955px;
	height: 35px;
	color: #FFF;
	margin-left: 15px;
	
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }

#menu {
	background: #000 url(menu.jpg) no-repeat center bottom;
	width: 880px;
	height: 35px;
	margin: 0;
	padding: 0
}

#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}  
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }

/*-- (Principal) --*/

#main-wrapper {
float: left; width: 430px; background: #ffffff; padding:15px 60px 0 20px; margin:0;
}

#main-wrapper ul {
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}

#main-wrapper li{
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

#main-wrapper a:hover {
}

.post {
margin:0 -20px 25px 0px;
}
.post-title, .post-title a {
color:$colortitentrada;
}

.post-body {
line-height: 2em; font-family:Tahoma, Sans-Serif; font-size:100%;
}

.date-header {
 font: 85% Arial, Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #5f5f5f; background: inherit; border-bottom: 1px solid #2D8930;
}

.post-footer {
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
font-color:#cc0000;
}

/*-- (Lateral) --*/

#right-sidebar-wrapper {
        float: right;
	padding:5px 0 0 0; margin:0;
	background-image: url(http://lh3.ggpht.com/_7C4NVJJsAWU/SaqmB96ZVVI/AAAAAAAABnU/UQZEVtX7GKs/sidebarbackground2.jpg);
	width: 220px; 
}

#left-sidebar-wrapper {
width: 220px;
float: left;
padding:5px 0 0 0; margin:0;
background-image: url(http://lh4.ggpht.com/_7C4NVJJsAWU/SaqmB2fyVZI/AAAAAAAABnc/G_OxG-UVXx0/sidebarbackground2links.jpg);
word-wrap: break-word;
overflow: hidden;
}

#sidebar { text-align: left; 
        color: #7D8085; 
        font-size:0.97em;
        padding: 20px 0 0 0px; 
        width: 200px; 
}
#sidebar li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px dotted #ccc; 
	list-style: none;
}
#sidebar li a { 
 color: $colortextolateral;
 text-decoration: none;
 padding: 5px 0 0 0px;
 margin-bottom: 5px;
}

#sidebar li a:hover { 
 color: #075181;
 text-decoration: none;
 background: #E5F6FF;
 margin-bottom: 5px;
}

.sidebar .widget {
 margin-bottom: 20px;
}

/*-- (Pie de página) --*/

#footer-wrapper {
	clear:both;
        width: 985px;
	height: 43px;
	color:#ccc;  
	background: #000 url(http://lh3.ggpht.com/_7C4NVJJsAWU/SZCEYIjem4I/AAAAAAAABO4/4-OSTzunmiU/footerfinal.jpg) no-repeat top; 
	font-size:90%; 
	padding: 0; 
	text-align:center 
}

#footer-wrapper a { color: #E0F5FF; }

#footer-wrapper .links {
padding: 10px 0px 0px 0px; 
}

/*-- (ICONOS) --*/

.date-header {
padding-left: 15px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/RlXuS5yaz8I/AAAAAAAABf8/lPnKpN8Vd4k/s1600/timeicon.gif) center left no-repeat;
}

.post-author {
padding-left: 15px;
background: url(http://bp3.blogger.com/_Zuzii37VUO4/RlXuBpyaz1I/AAAAAAAABfE/DFaeuXvDlR4/s1600/author.gif) center left no-repeat;
}

.comment-link {
padding-left: 15px;
background: url(http://bp3.blogger.com/_Zuzii37VUO4/RlXuSpyaz5I/AAAAAAAABfk/AbUwoyxiNoI/s1600/comments.gif) center left no-repeat;
}

.blog-feeds {
padding-left: 20px;
padding-top: 5px;
background: url(http://bp0.blogger.com/_Zuzii37VUO4/Rj7ME-MBRJI/AAAAAAAAAwM/IOo-YUYR5aM/s1600/icono-feed.gif) center left no-repeat;
}

]]></b:skin>
<link href='http://plantillasblogyweb.googlepages.com/estilos-blogger.css' rel='stylesheet' type='text/css'/>
<link href='http://plantillasblogyweb.googlepages.com/blogy-azul.css' rel='stylesheet' type='text/css'/>  </head>

  <body>
  <script type='text/javascript'>

var banner= new Array()

banner[0]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZCPvilXBwI/AAAAAAAABPA/e0QfDJtLifg/header1.jpg&quot;
banner[1]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZCRJiG9AAI/AAAAAAAABPI/6vSL0tdOYLM/header2.jpg&quot;
banner[2]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZCRJ46PssI/AAAAAAAABPQ/a8r58jVAOJM/header3.jpg&quot;
banner[3]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZClf2ff-tI/AAAAAAAABPc/jvGF5uXxyus/header4.jpg&quot;
banner[4]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZClpk4At6I/AAAAAAAABPk/Aa5KHAWywQk/header5.jpg&quot;
banner[5]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZClpqr_WGI/AAAAAAAABPs/RMNrSrFCBts/header6.jpg&quot;
banner[6]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZClpsjuilI/AAAAAAAABP0/wvxPOSBe270/header7.jpg&quot;
banner[7]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZCl1o0OENI/AAAAAAAABP8/pEV5lUC12m8/header8.jpg&quot;
banner[8]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZCl1qETK1I/AAAAAAAABQE/Lz-u9CUrrJM/header9.jpg&quot;
banner[9]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZCl1445NkI/AAAAAAAABQM/Pv6_o3HcA4M/header10.jpg&quot;
banner[10]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZHROQzSJqI/AAAAAAAABR4/-3S-BJYFtSY/header11.jpg&quot;
banner[11]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZHROppoZWI/AAAAAAAABSA/mTlwPDrDHpg/header12.jpg&quot;
banner[12]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZHRO9uFFcI/AAAAAAAABSI/yO2oSp9QNww/header13.jpg&quot;
banner[13]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZHRPKFjIFI/AAAAAAAABSQ/M-Lqf50UUlg/header14.jpg&quot;
banner[14]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZHReloW8AI/AAAAAAAABSY/5LcncPn-KrM/header15.jpg&quot;
banner[15]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZHRe-zGAZI/AAAAAAAABSg/--roOKM4VNY/header16.jpg&quot;
banner[16]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZHRfgFVjRI/AAAAAAAABSo/BWEHlkvY6PU/header17.jpg&quot;
banner[17]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZHRgBDFYBI/AAAAAAAABSw/iCzpY3DVo1k/header18.jpg&quot;
banner[18]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZHRgbIvLgI/AAAAAAAABS4/u7iLw6R_dtA/header19.jpg&quot;
banner[19]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZHR3EukQKI/AAAAAAAABTA/jMyVkG4kwYU/header20.jpg&quot;
banner[20]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZHR3Bf83DI/AAAAAAAABTI/0k-efcVOTIs/header21.jpg&quot;
banner[21]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZHR3FOqjII/AAAAAAAABTQ/10opmgVUVHY/header22.jpg&quot;
banner[22]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZHwTyNipMI/AAAAAAAABTY/URDlgd9KUG0/header23.jpg&quot;
banner[23]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZHwUJXHqsI/AAAAAAAABTg/Wk1pvHUo1To/header24.jpg&quot;
banner[24]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZHwUO2NnoI/AAAAAAAABTo/VClGjw156H0/header25.jpg&quot;
banner[25]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZHwUBpxrmI/AAAAAAAABTw/NAf-5L2GUgw/header26.jpg&quot;
banner[26]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZHwUcC7aPI/AAAAAAAABT4/TfTVFYQuPoI/header27.jpg&quot;
banner[27]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZHwd9kbG1I/AAAAAAAABUE/bDGkKIeKfHM/header28.jpg&quot;
banner[28]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZHwdxvIQkI/AAAAAAAABUM/AB1w8hWQP3c/header29.jpg&quot;
banner[29]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZHweLpew_I/AAAAAAAABUU/tSAM-sS8D-c/header30.jpg&quot;
banner[30]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZHweIbHrsI/AAAAAAAABUc/_Bi1ACDa6iY/header31.jpg&quot;
banner[31]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZHweHwB-RI/AAAAAAAABUk/Zdq1fuy_AR4/header32.jpg&quot;
banner[32]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZHwlbXo12I/AAAAAAAABUs/BBJWQG9piqw/header33.jpg&quot;
banner[33]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZHwlQcum2I/AAAAAAAABU0/PNxTgtYhpI0/header34.jpg&quot;
banner[34]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZYPFKQk_LI/AAAAAAAABYM/CkuAKdSIS1c/header35.jpg&quot;
banner[35]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZYPFWLW-xI/AAAAAAAABYU/slPeTlVkgdg/header36.jpg&quot;
banner[36]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZYPFm0Dg6I/AAAAAAAABYc/AqZyoRZ4rTw/header37.jpg&quot;
banner[37]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZYPFkO19PI/AAAAAAAABYk/jWG4GaGdchQ/header38.jpg&quot;
banner[38]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZYPF6Xi-dI/AAAAAAAABYs/9a6cjwAS2WA/header39.jpg&quot;
banner[39]=&quot;http://lh6.ggpht.com/_7C4NVJJsAWU/SZYPR07ACII/AAAAAAAABY0/9YHBID0-g9U/header40.jpg&quot;
banner[40]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZYPRx3exlI/AAAAAAAABY8/aBUqXkvndJw/header41.jpg&quot;
banner[41]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SZYPSPThEvI/AAAAAAAABZE/5hWPLZeTSn4/header42.jpg&quot;
banner[42]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SZm_5sWVpsI/AAAAAAAABcg/uxrHfkAQpD0/header43.jpg&quot;
banner[43]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SZm_54ACupI/AAAAAAAABco/VLeUZ7DPzBc/header44.jpg&quot;
banner[44]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SaB1u1zBwfI/AAAAAAAABeQ/PVkv_hUuAZU/header45.jpg&quot;
banner[45]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SaB1vC7ETiI/AAAAAAAABeY/FP_fxt45TAg/header46.jpg&quot;
banner[46]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SaB1vAvK3hI/AAAAAAAABeg/ELQXDhwCM44/header47.jpg&quot;
banner[47]=&quot;http://lh4.ggpht.com/_7C4NVJJsAWU/SaB1vIwnAlI/AAAAAAAABeo/tJBA5PUEKNA/header48.jpg&quot;
banner[48]=&quot;http://lh5.ggpht.com/_7C4NVJJsAWU/SagE1oMyjJI/AAAAAAAABks/TiOXM7RZF7E/header49.jpg&quot;
banner[49]=&quot;http://lh3.ggpht.com/_7C4NVJJsAWU/SahuGnygR5I/AAAAAAAABk8/GKCxEXS87xU/header50.jpg&quot;
var random=Math.round(50*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header {&quot;);
document.write(' background:url(&quot;' + banner[random] + '&quot;) no-repeat left TOP;');
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- links para navegadores de texto -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>ir a principal </a> |
      <a href='#sidebar'>Ir a lateral</a>
    </span>

<div id='top'>
	<div class='padding'>
		<a href='http://silverscreen87.blogspot.com/feeds/posts/default'>RSS</a>
	</div>
</div>

<!-- (Cabecera) -->
    
<div id='header-wrapper'>
<link href='http://th14.piranho.de/css/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://th14.piranho.de/js/prototype.js' type='text/javascript'/>
<script src='http://th14.piranho.de/js/scriptaculous.js?load=effects,builder' type='text/javascript'/>
<script src='http://th14.piranho.de/js/lightbox.js' type='text/javascript'/> 
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Silver Screen
</h1>
<img alt='' id='logo' src='http://lh4.ggpht.com/_7C4NVJJsAWU/SZC9SKRTyQI/AAAAAAAABQc/Qs244pLzMKU/logofinal2.png'/>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
</div>  

<div id='subheader'>
	<div id='menu'>
	  <ul>
		<li class='page_item'><a href='http://silverscreen87.blogspot.com/'>Home</a></li>
		<li class='page_item'><a href='http://silverscreen87.blogspot.com/2005/01/filmarchiv.html'>Filmarchiv</a></li>
	  </ul>
	</div>
</div>

<!-- (Contenedor) -->	
    <div id='content-wrapper'>

<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Über mich' type='Profile'/>
<b:widget id='Text1' locked='false' title='Filmreviews' type='Text'/>
<b:widget id='Text2' locked='false' title='Serienreviews' type='Text'/>
</b:section>
</div>

<!-- (Principal) -->
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
</b:section>
      </div>

<!-- (Lateral) -->
      <div id='right-sidebar-wrapper'>
        <b:section class='sidebar' id='right-sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'/>
<b:widget id='LinkList2' locked='false' title='Links' type='LinkList'/>
<b:widget id='BlogArchive1' locked='false' title='Blog-Archiv' type='BlogArchive'/>
<b:widget id='Text3' locked='false' title='Bewertungsskala' type='Text'/>
<b:widget id='HTML1' locked='false' title='Besucher' type='HTML'/>
</b:section>
      </div>

<!-- Limpiar flotación-->
      <div class='clear'/>

    </div> <!-- fin de capa content-wrapper -->

<!-- (Pie de página) -->
    <div id='footer-wrapper'>
<!-- RECUERDA QUE ESTA PLANTILLA ES GRATUITA, POR FAVOR NO REMUEVAS LOS CREDITOS -->
  <p class='links'> Diseño por  
  <a href='http://www.free-css-templates.com/'>David Herreman</a> 
  | A <a href='http://www.blogger.com'>Blogger</a> por  
  <a href='http://blogandweb.com/'>Blog and Web</a></p>
    </div>

  </div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>
 
1.

PHP: 
#content-wrapper {
background: #F2EEEB; width: 950px; margin: 0 20px 0 15px; color: #808080;
}

hab jetzt mal den contentwrapper hier bei der letzten Zahl um 5 px auf 15px nach unten justiert und jetzt stimmt es zwar links, aber die rechte sidebar ist dafür wiederum um 5px zuweit links...:confused:
 
Noch zu 2.:

Hab jetzt mal beim right-sidebar-wrapper

padding-bottom: 100000px;
margin-bottom: -100000px;

eingesetzt. Jetzt ist die rechte sidebar schon länger, aber geht eben auch über den Footer hinaus. Es sollte immer von alleine merken wann der Footer kommt, was ja auf die Postlängen draufan kommt und somit nicht immer gleich ist. Wie kann ich das noch befehlen?
 
Du hast den zweiten Punkt der Gebrauchsanleitung nicht beachtet:

http://www.positioniseverything.net/articles/onetruelayout/equalheight hat gesagt.:
The basic method works like this:

1. Blocks which will act as columns must be wrapped in a container element
2. Apply overflow: hidden to the container element
3. Apply padding-bottom: $big_value [2] to the column blocks, where $big_value is a large enough value to guarantee that it's equal to or larger than the tallest column
4. Apply margin-bottom: -$big_value to the column blocks
Zum Vergrößern anklicken....

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück