Antworten auf deine Fragen:
Neues Thema erstellen

Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

A

Anomalie92

Guest

Guten Abend!

Ich habe vor kurzem ein Projekt auf Blogger gestartet und mir ein passendes Design erstellt (ja ich weiß, es ist nicht das schönste). Das Problem, dass ich habe ist folgendes: Unten auf der Seite, unter meinem Footer Element befindet sich ein transparenter Platz, der dort eigentlich nicht sein dürfte. Ich habe schon meinen Quelltext nach versteckten "paddings", "margins" und Pixelabständen durchsucht, aber nichts gefunden. Vllt. könn tihr mir ja helfen, as sieht echt bescheuert aus. Vielen Dank schonmal.

Achso hier der Link zur Seite:

Lateinhilfe, die Hilfsseite für alle Lateingeplagten! Übersetzungen, Grammatik, Videos

Und hier der Quelltext:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' 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>
<meta content='H9K2dRy7Uz8i2fKyhGuSXGZkTWAGa7mwzad9yM_Wslo' name='google-site-verification'/>
<script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<link href='http://lateinhilfe.blogspot.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="1,2,3 Latein - Atom" href="http://lateinhilfe.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="1,2,3 Latein - RSS" href="http://lateinhilfe.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="1,2,3 Latein - Atom" href="http://www.blogger.com/feeds/3452984880457161674/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=3452984880457161674" />
<link rel="me" href="http://www.blogger.com/profile/10694000126980998343" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<title>Lateinhilfe, die Hilfsseite für alle Lateingeplagten! Übersetzungen, Grammatik, Videos</title>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/120160635-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='http://www.google.com/uds/css/gsearch.css' />
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/>
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=3452984880457161674&zx=79ee6271-d6b6-4e2e-bb41-b3918d12f709"/>
<style type="text/css">#navbar-iframe { display:block }
</style>

<style id='page-skin-1' type='text/css'><!--
/*
* Blogger Template Style
* Name:     Latinum
* Author:   FP
* URL:      www.lateinhilfe.blogspot.com
* Date:     04 Dezember 2009
*
*
*/
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#333300">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#000000">
<Variable name="blogtitle" description="Blog Title Color"
type="color" default="#000000">
<Variable name="descolor" description="Blog Description Title Color"
type="color" default="#000000">
<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#333300">
<Variable name="side" description="Sidebar Background Color"
type="color" default="#999">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666">
<Variable name="linkcolor" description="Link Color"
type="color" default="#69c">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#666699">
<Variable name="pagetitlefont" description="Page Title Font"
type="font"
default="normal normal 100% Verdana, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% Verdana, sans-serif">
<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'">
<Variable name="headerfont" description="Date Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'">
*/
/* ---( page defaults )--- */
body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: #000000;
background-image:url(http://i48.tinypic.com/34t75f7.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
http://img704.imageshack.us/img704/497/29736618.jpg
}
blockquote {
margin: 0 0 0 30px;
padding: 10px 10px 10px 30px;
font-size: 95%;
line-height: 1.5em;
color: ##000000;
}
blockquote p {
margin-top: 0;
}
abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}
code {
color: #996666;
}
hr {
display: none;
}
img {
border: none;
}
/* unordered list style */
ul {
margin-left: 30px;
padding: 0;
}
/* links */
a:link {
color: #e0b611;
text-decoration: none;
}
a:visited {
color: #221b70;
text-decoration: none;
}
a:hover {
color: #96459B;
border-bottom: 0px none;
}
a:active {
color: #000000;
text-decoration: none;
}
/* ---( layout structure )---*/
#outer-wrapper {
width: 850px;
margin: 0px auto 0;
text-align: left;
font: normal normal 95% Verdana, sans-serif;
background-image:url(http://img707.imageshack.us/img707/7738/unbenannt3k.jpg);      background-repeat:repeat-y;
}
#content-wrapper {
margin-left: 15px; /* to avoid the border image */
width: 780px;
}
#menu  {
float: center;
height: 50px;
width: 800px;
margin: 0px 0 0px 5px;
padding: 0 0 0 1em;
font-size: small;
text-align: center;
color: #000000;
background-image:url();
background-repeat:no-repeat;
}
#main {
float: left;
width: 465px;
margin: 0px 0 0px 5px;
padding: 0 0 0 1em;
font-size: normal normal 95% Verdana, sans-serif;
line-height: 1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
float: right;
width: 240px;
color: #666666;
font-size: 100%;
padding-left: 5px;
padding-right: 5px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* ---( header and site name )--- */
#header {
margin: 0;
height: 414px;
text-align: center;
background: url(http://img694.imageshack.us/img694/2668/mainwi.jpg) no-repeat top center;
}
#header .description {
font-size: 150%;
text-align: center;
padding: 0px 0px 0px 20px;
}
#header h1 {
padding:70px 0px 0 20px;
line-height:1.3em;
text-align: center;
font: normal normal 286% Verdana, sans-serif;
letter-spacing:.1em;
color: #666666;
}
#header h1 a {
text-decoration: none;
color: #blogtitle;
}
#header h1 a {
text-decoration: none;
color: #96459B;
}
#navi { margin: 0; padding: 0 0 20px 0; border-bottom: 1px solid #000000;
float: center; } #navi ul, #navi li{ margin: 0; padding: 0; display: inline; list-style-type: none; } #navi a:link, #navi a:visited { float: left; line-height: 14px; font-weight: bold; margin: 0 10px 0 10px; text-decoration: none; color: #909090; } #navi #akt { padding-bottom: 2px; color: #000000; border-bottom: 4px solid #000000; } #navi a:hover, #navi a:hover#akt { padding-bottom: 2px; color: #000000; border-bottom: 4px solid #000000; float: center; }
/* ---( main column )--- */
h2.date-header {
margin-top: 0;
font:normal normal 101% Verdana, sans-serif;
text-align: left;
}
.post h3 {
font: normal normal 150% Verdana, sans-serif;
color: #000000;
}
.post {
margin:.5em 0 1.5em;
padding:0 0 10px 0px;
text-align: justify;
}
.post h3 a,
.post h3 a:visited {
color: #000000;
text-decoration: none;
}
.post-footer {
margin: .75em 0;
color:#000000;
letter-spacing:.1em;
font: normal normal 85% Trebuchet, Trebuchet MS, Arial, sans-serif;
line-height: 1.5em;
text-align: right;
}
.post img {
padding: 2px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
.feed-links {
clear: both;
text-decoration: none;
}
#blog-pager-newer-link {
text-decoration: none;
float: left;
}
#blog-pager-older-link {
float: right;
text-decoration: none;
}
#blog-pager {
text-align: center;
}
/* comment styles */
#comments {
padding-top: 0px;
text-decoration: none;
font-size: 100%;
line-height: 1.5em;
color: #000000;
}
#comments h4 {
margin: 10px 0 15px 0;
padding: 0px 0 0 0px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #000000;
text-decoration: none;
no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}
#comments ul {
margin-left: 0;
}
#comments li {
background: none;
padding-left: 0;
}
.comment-body {
padding: 0 0px 0 0px;
}
.comment-body p {
margin-bottom: 0;
}
.comment-author {
margin: 4px 0 0 0;
padding: 0 3px 0 0px;
color: #000000;
}
.comment-footer {
padding-bottom: 5px;
font-size: 95%;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* ---( sidebar )--- */
.sidebar h2 {
margin: 0 0 10px 0;
padding: 3px 0 3px 0;
font: normal normal 157% Times, serif;
color: #ffffff;
background-color: #616161;
text-align: center;
}
.sidebar ul li {
list-style: none;
margin:0;
}
.sidebar .widget {
margin:20px 0px;
padding:5px 10px;
}
.profile-textblock {
clear: both;
margin-left: 0;
}
.profile-img {
float: left;
margin: 0 5px 5px 0;
border: 1px solid #000000;
padding: 2px;
}
.sidebar li {
margin:0;
padding-top:0;
padding-bottom:.25em;
text-indent:-15px;
line-height:1.5em;
}
/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */
clear: both;
}
#footer {
margin: 0;
padding-top: 20px;
padding-left:20px;
padding-right: 20px;
height: 50px;
text-align: center;
background: url(http://img707.imageshack.us/img707/7990/unbenannt5f.jpg) no-repeat top center
}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
padding-top: 0;
margin-top: 0;
}
body#layout #outer-wrapper,
body#layout #content-wrapper {
width: 740px;
}
body#layout #sidebar {
margin-right: 0;
margin-bottom: 1em;
}
body#layout #header,
body#layout #footer,
body#layout #main {
padding: 0;
}
body#layout #content-wrapper {
margin: 0px;
}
#navbar { display: none;
}
#navbar-iframe { display: none;
}

--></style>
<link href='http://www.fileden.com/files/2009/12/5/2677273/944476ef-e31b-4255-98b5-b952b94920c4-16.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://www.fileden.com/files/2009/12/5/2677273/944476ef-e31b-4255-98b5-b952b94920c4-16.ico' rel='icon' type='image/x-icon'/>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=3452984880457161674&amp;blogName=1%2C2%2C3+Latein&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=DARK&amp;layoutType=LAYOUTS&amp;searchRoot=http%3A%2F%2Flateinhilfe.blogspot.com%2Fsearch&amp;blogLocale=de&amp;homepageUrl=http%3A%2F%2Flateinhilfe.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
<div></div></div></div>
<script type='text/javascript'>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker("UA-11931458-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<div id='header-wrapper'>
<div class='header section' id='header'></div>
</div>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>
<div id='menu'>
<br/>

<ul id="navi"> <li> <a href="http://lateinhilfe.blogspot.com/2009/12/wilkommen_05.html" id="akt">Home</a> </li> <li> <a href="http://lateinhilfe.blogspot.com/2009/12/ubersetzungen.html">Übersetzungen</a> </li> <li> <a href="http://lateinhilfe.blogspot.com/2009/12/nutzliche-links.html">Nützliche Links</a> </li> <li> <a href="http://lateinhilfe.blogspot.com/2009/12/latein-bei-youtube.html">Videos</a> </li> <li> <a href="">Kontakt</a> </li> </ul> 

</div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol section' id='crosscol'></div>
</div>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->
<h2 class='date-header'>Samstag, 5. Dezember 2009</h2>
<div class='post hentry uncustomized-post-template'>
<a name='6452437291008750999'></a>
<h3 class='post-title entry-title'>
<a href='http://lateinhilfe.blogspot.com/2009/12/wilkommen_05.html'>Wilkommen :)</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<span style="font-weight: bold;">Salve!<br />
<br />
</span><a href="http://www.meinekinderaerztin.de/images/DSC04481salve400.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" src="http://www.meinekinderaerztin.de/images/DSC04481salve400.jpg" style="cursor: pointer; height: 136px; width: 136px;" /></a><br />
<br />
Wenn auch du dich öfters fragst:<br />
<br />
<ul><li>Was ist eigentlich an einem Latinum so toll; was bringt mir das?</li>
</ul><ul><li>Was muss ich tun um es zu bekommen?</li>
</ul><br />
<ul><li>Wenn du bei manchen Übersetzungen einfach nicht weiterkommst,</li>
</ul><ul><li>wenn du Motivationshilfen brauchst,</li>
</ul><ul><li>wenn du Grammatikfragen hast</li>
</ul><ul><li>oder einfach nur Hintergrundinformationen suchst,</li>
</ul><br />
dann bist du auf dieser Seite genau richtig. Sieh dich ruhig um. Die wichtigsten Themen sind oben in der Navigation zu finden.<br />
<br />
Bitte bedenke, dass sich diese Seite noch im Aufbau befindet und daher noch nicht mit Informationen vollgefüttert ist. Vielen Dank!<br />
<br />
<br />
Mit freundlichen Grüßen,<br />
<br />
dein 1,2,3 Latein-Team
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Eingestellt von
<span class='fn'>Lateinilfe</span>
</span>
<span class='post-timestamp'>
um
<a class='timestamp-link' href='http://lateinhilfe.blogspot.com/2009/12/wilkommen_05.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-12-05T14:49:00-08:00'>14:49</abbr></a>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='http://lateinhilfe.blogspot.com/2009/12/wilkommen_05.html#comments' onclick=''>0
Kommentare</a>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-987558334'>
<a href='http://www.blogger.com/post-edit.g?blogID=3452984880457161674&postID=6452437291008750999' title='Post bearbeiten'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
Labels:
<a href='http://lateinhilfe.blogspot.com/search/label/Hilfe' rel='tag'>Hilfe</a>,
<a href='http://lateinhilfe.blogspot.com/search/label/Latein' rel='tag'>Latein</a>,
<a href='http://lateinhilfe.blogspot.com/search/label/Latein%20Hilfe' rel='tag'>Latein Hilfe</a>,
<a href='http://lateinhilfe.blogspot.com/search/label/Latein%20%C3%9Cbersetzung' rel='tag'>Latein Übersetzung</a>,
<a href='http://lateinhilfe.blogspot.com/search/label/Latinum' rel='tag'>Latinum</a>,
<a href='http://lateinhilfe.blogspot.com/search/label/Salvete' rel='tag'>Salvete</a>,
<a href='http://lateinhilfe.blogspot.com/search/label/Wilkommen' rel='tag'>Wilkommen</a>,
<a href='http://lateinhilfe.blogspot.com/search/label/%C3%9Cbersetzung' rel='tag'>Übersetzung</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<!-- google_ad_section_end(name=default) -->
<div class='inline-ad'>
<script type="text/javascript"><!--
google_ad_client="pub-2702700163032837";
google_ad_host="pub-1556223355139109";
google_ad_width=300;
google_ad_height=250;
google_ad_format="300x250_as";
google_ad_type="text_image";
google_ad_host_channel="0001";
google_color_border="FFFFFF";
google_color_bg="FFFFFF";
google_color_link="000000";
google_color_url="666666";
google_color_text="1B703A";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<!-- google_ad_section_start -->
<div class='post hentry uncustomized-post-template'>
<a name='7007845137046343375'></a>
<h3 class='post-title entry-title'>
<a href='http://lateinhilfe.blogspot.com/2009/12/kontakt.html'>Kontakt</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
Du willst eine persönliche Frage an uns richten?<br />Kein Problem!<br /><br />Mail uns einfach an folgende Adresse:<br /><br />noch_nicht_eingerichtet_bitte_etwas_geduld@gmail.com
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Eingestellt von
<span class='fn'>Lateinilfe</span>
</span>
<span class='post-timestamp'>
um
<a class='timestamp-link' href='http://lateinhilfe.blogspot.com/2009/12/kontakt.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-12-05T14:38:00-08:00'>14:38</abbr></a>
</span>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='http://lateinhilfe.blogspot.com/2009/12/kontakt.html#comments' onclick=''>0
Kommentare</a>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-987558334'>
<a href='http://www.blogger.com/post-edit.g?blogID=3452984880457161674&postID=7007845137046343375' title='Post bearbeiten'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://lateinhilfe.blogspot.com/search?updated-max=2009-12-05T14%3A38%3A00-08%3A00&max-results=2' id='Blog1_blog-pager-older-link' title='Ältere Posts'>Ältere Posts</a>
</span>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Abonnieren
<a class='feed-link' href='http://lateinhilfe.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget CustomSearch' id='CustomSearch1'>
<h2 class='title'>Dieses Blog durchsuchen</h2>
<div class='widget-content' style='width:95%'>
<div id='CustomSearch1_form'>
<span class='cse-status'>Laden...</span>
</div>
</div>
<style type='text/css'>
      #uds-searchControl .gs-result .gs-title,
      #uds-searchControl .gs-result .gs-title *,
      #uds-searchControl .gsc-results .gsc-trailing-more-results,
      #uds-searchControl .gsc-results .gsc-trailing-more-results * {
        color:#e0b611;
      }

      #uds-searchControl .gs-result .gs-title a:visited,
      #uds-searchControl .gs-result .gs-title a:visited * {
        color:#221b70;
      }

      #uds-searchControl .gs-relativePublishedDate,
      #uds-searchControl .gs-publishedDate {
        color: #ffffff;
      }

      #uds-searchControl .gs-result a.gs-visibleUrl,
      #uds-searchControl .gs-result .gs-visibleUrl {
        color: #000000;
      }

      #uds-searchControl .gsc-results {
        border-color: #000000;
        background-color: #fff;
      }

      #uds-searchControl .gsc-tabhActive {
        border-color: #000000;
        border-top-color: #000000;
        background-color: #fff;
        color: #000000;
      }

      #uds-searchControl .gsc-tabhInactive {
        border-color: #000000;
        background-color: transparent;
        color: #e0b611;
      }

      #uds-searchClearResults {
        border-color: #000000;
      }

      #uds-searchClearResults:hover {
        border-color: #000000;
      }

      #uds-searchControl .gsc-cursor-page {
        color: #e0b611;
      }

      #uds-searchControl .gsc-cursor-current-page {
        color: #000000;
      }
    </style>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=3452984880457161674&widgetType=CustomSearch&widgetId=CustomSearch1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("CustomSearch1"));' target='configCustomSearch1' title='Bearbeiten'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Subscribe' id='Subscribe1'>
<div style='white-space:nowrap'>
<h2 class='title'>RSS-Feed</h2>
<div class='widget-content'>
<div class='subscribe-wrapper subscribe-type-POST'>
<div class='subscribe expanded subscribe-type-POST' id='SW_READER_LIST_Subscribe1POST' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<img class='subscribe-dropdown-arrow' src='http://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='http://img1.blogblog.com/img/icon_feed12.png'/>
Posts
</span>
<ul class='feed-reader-links'>
<a class='feed-reader-link' href='http://www.google.com/ig/add?source=bstp&feedurl=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-google.png'/>
</a>
<a class='feed-reader-link' href='http://www.bloglines.com/sub/http://lateinhilfe.blogspot.com/feeds/posts/default' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-bloglines.png'/>
</a>
<a class='feed-reader-link' href='http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-newsgator.png'/>
</a>
<a class='feed-reader-link' href='http://add.my.yahoo.com/content?url=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='http://lateinhilfe.blogspot.com/feeds/posts/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='http://img1.blogblog.com/img/icon_feed12.png'/>
                Atom
              </a>
</ul>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='http://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='http://img1.blogblog.com/img/icon_feed12.png'/>
Posts
</span>
</span>
</div>
<div class='bottom'></div>
</div>
</div>
<div class='subscribe-wrapper subscribe-type-COMMENT'>
<div class='subscribe expanded subscribe-type-COMMENT' id='SW_READER_LIST_Subscribe1COMMENT' style='display:none;'>
<div class='top'>
<span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));'>
<img class='subscribe-dropdown-arrow' src='http://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='http://img1.blogblog.com/img/icon_feed12.png'/>
Alle Kommentare
</span>
<ul class='feed-reader-links'>
<a class='feed-reader-link' href='http://www.google.com/ig/add?source=bstp&feedurl=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fcomments%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-google.png'/>
</a>
<a class='feed-reader-link' href='http://www.bloglines.com/sub/http://lateinhilfe.blogspot.com/feeds/comments/default' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-bloglines.png'/>
</a>
<a class='feed-reader-link' href='http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fcomments%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/>
</a>
<a class='feed-reader-link' href='http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fcomments%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-newsgator.png'/>
</a>
<a class='feed-reader-link' href='http://add.my.yahoo.com/content?url=http%3A%2F%2Flateinhilfe.blogspot.com%2Ffeeds%2Fcomments%2Fdefault' target='_blank'>
<img src='http://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='http://lateinhilfe.blogspot.com/feeds/comments/default' target='_blank'>
<img align='absmiddle' class='feed-icon' src='http://img1.blogblog.com/img/icon_feed12.png'/>
                Atom
              </a>
</ul>
</div>
<div class='bottom'></div>
</div>
<div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1COMMENT' onclick='return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));'>
<div class='top'>
<span class='inner'>
<img class='subscribe-dropdown-arrow' src='http://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/>
<span onclick='return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));'>
<img align='absmiddle' alt='' border='0' class='feed-icon' src='http://img1.blogblog.com/img/icon_feed12.png'/>
Alle Kommentare
</span>
</span>
</div>
<div class='bottom'></div>
</div>
</div>
<div style='clear:both'></div>
</div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=3452984880457161674&widgetType=Subscribe&widgetId=Subscribe1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Subscribe1"));' target='configSubscribe1' title='Bearbeiten'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Image' id='Image1'>
<h2>Salve!</h2>
<div class='widget-content'>
<img alt='Salve!' height='241' id='Image1_img' src='http://www.gze-ni.de/media/image001.png' width='240'/>
<br/>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=3452984880457161674&widgetType=Image&widgetId=Image1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Image1"));' target='configImage1' title='Bearbeiten'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget AdSense' id='AdSense1'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client="pub-2702700163032837";
google_ad_host="pub-1556223355139109";
google_ad_width=160;
google_ad_height=600;
google_ad_format="160x600_as";
google_ad_type="text_image";
google_ad_host_channel="0001";
google_color_border="E0B611";
google_color_bg="616161";
google_color_link="E0B611";
google_color_url="1B703A";
google_color_text="000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=3452984880457161674&widgetType=AdSense&widgetId=AdSense1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("AdSense1"));' target='configAdSense1' title='Bearbeiten'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
</div></div>
<!-- end outer-wrapper -->
<div id='footer-wrapper'>
<div class='footer section' id='footer'></div>
</div>
<script type='text/javascript'>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker("UA-7641544-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/1883641493-widgets.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type='text/javascript'>
_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=3452984880457161674', 'http://lateinhilfe.blogspot.com/','3452984880457161674');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=3452984880457161674', 'zzFTzfyrYP8mhj2YooC_8RWcOvA:1260224657516');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': '1,2,3 Latein', 'pageType': 'index', 'url': 'http://lateinhilfe.blogspot.com/', 'homepageUrl': 'http://lateinhilfe.blogspot.com/', 'enabledCommentProfileImages': true, 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': '1,2,3 Latein', 'encoding': 'UTF-8', 'locale': 'de', 'isPrivate': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\0421,2,3 Latein - Atom\42 href\75\42http://lateinhilfe.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\0421,2,3 Latein - RSS\42 href\75\42http://lateinhilfe.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\0421,2,3 Latein - Atom\42 href\75\42http://www.blogger.com/feeds/3452984880457161674/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\0753452984880457161674\42 /\076', 'meTag': '\74link rel\75\42me\42 href\75\42http://www.blogger.com/profile/10694000126980998343\42 /\76\n', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window;function e(b){this.t\75{};this.tick\75function(c,h,d){d\75d?d:(new Date).getTime();this.t[c]\75[d,h]};this.tick(\42start\42,null,b)}var f\75new e;a.jstiming\75{Timer:e,load:f};try{a.jstiming.pt\75a.gtbExternal\46\46a.gtbExternal.pageT()||a.external\46\46a.external.pageT}catch(g){};a.tickAboveFold\75function(b){b\75b;var c\0750;if(b.offsetParent){do c+\75b.offsetTop;while(b\75b.offsetParent)}b\75c;b\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var i\75false;function j(){if(!i){i\75true;a.jstiming.load.tick(\42firstScrollTime\42)}}a.addEventListener?a.addEventListener(\42scroll\42,j,false):a.attachEvent(\42onscroll\42,j); })();\74/script\076'}}]);
_WidgetManager._SetSystemMarkup({'layout': {'varName': '', 'template': '\74div class\75\47widget-wrap1\47\76\n\74div class\75\47widget-wrap2\47\76\n\74div class\75\47widget-wrap3\47\76\n\74div class\75\47widget-content\47\76\n\74div class\75\47layout-title\47\76\74data:layout-title\76\74/data:layout-title\76\74/div\76\n\74a class\75\47editlink\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +       data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 target\75\47chooseWidget\47\76\74data:edit-link\76\74/data:edit-link\76\74/a\76\n\74/div\76\n\74/div\76\n\74/div\76\n\74/div\076'}, 'quickedit': {'varName': '', 'template': '\74div class\75\47clear\47\76\74/div\76\n\74span class\75\47widget-item-control\47\76\n\74span class\75\47item-control blog-admin\47\76\n\74a class\75\47quickedit\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; +       data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 expr:target\75\47\46quot;config\46quot; + data:widget.instanceId\47 expr:title\75\47data:edit-link\47\76\n\74img alt\75\47\47 height\75\04718\47 src\75\47http://img1.blogblog.com/img/icon18_wrench_allbkg.png\47 width\75\04718\47/\76\n\74/a\76\n\74/span\76\n\74/span\76\n\74div class\75\47clear\47\76\74/div\076'}, 'all-head-content': {'varName': 'page', 'template': '\74data:blog.latencyHeadScript\76\74/data:blog.latencyHeadScript\76\n\74meta expr:content\75\47\46quot;text/html; charset\75\46quot; + data:page.encoding\47 http-equiv\75\47Content-Type\47/\76\n\74meta content\75\47true\47 name\75\47MSSmartTagsPreventParsing\47/\76\n\74meta content\75\47blogger\47 name\75\47generator\47/\76\n\74link href\75\47http://www.blogger.com/favicon.ico\47 rel\75\47icon\47 type\75\47image/vnd.microsoft.icon\47/\76\n\74link expr:href\75\47data:blog.url\47 rel\75\47canonical\47/\76\n\74data:blog.feedLinks\76\74/data:blog.feedLinks\76\n\74data:blog.meTag\76\74/data:blog.meTag\76\n\74data:blog.openIdOpTag\76\74/data:blog.openIdOpTag\076'}});
_WidgetManager._RegisterWidget('_CustomSearchView', new _WidgetInfo('CustomSearch1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47 style\75\47width:95%\47\76\n\74div expr:id\75\47data:widget.instanceId + \46quot;_form\46quot;\47\76\n\74span class\75\47cse-status\47\76\74data:loadingMsg\76\74/data:loadingMsg\76\74/span\76\n\74/div\76\n\74/div\76\n\74style type\75\47text/css\47\76\n      #uds-searchControl .gs-result .gs-title,\n      #uds-searchControl .gs-result .gs-title *,\n      #uds-searchControl .gsc-results .gsc-trailing-more-results,\n      #uds-searchControl .gsc-results .gsc-trailing-more-results * {\n        color:\74data:linkColor\76\74/data:linkColor\76;\n      }\n\n      #uds-searchControl .gs-result .gs-title a:visited,\n      #uds-searchControl .gs-result .gs-title a:visited * {\n        color:\74data:visitedLinkColor\76\74/data:visitedLinkColor\76;\n      }\n\n      #uds-searchControl .gs-relativePublishedDate,\n      #uds-searchControl .gs-publishedDate {\n        color: \74data:dateColor\76\74/data:dateColor\76;\n      }\n\n      #uds-searchControl .gs-result a.gs-visibleUrl,\n      #uds-searchControl .gs-result .gs-visibleUrl {\n        color: \74data:urlColor\76\74/data:urlColor\76;\n      }\n\n      #uds-searchControl .gsc-results {\n        border-color: \74data:borderColor\76\74/data:borderColor\76;\n        background-color: \74data:backgroundColor\76\74/data:backgroundColor\76;\n      }\n\n      #uds-searchControl .gsc-tabhActive {\n        border-color: \74data:borderColor\76\74/data:borderColor\76;\n        border-top-color: \74data:activeBorderColor\76\74/data:activeBorderColor\76;\n        background-color: \74data:backgroundColor\76\74/data:backgroundColor\76;\n        color: \74data:textColor\76\74/data:textColor\76;\n      }\n\n      #uds-searchControl .gsc-tabhInactive {\n        border-color: \74data:borderColor\76\74/data:borderColor\76;\n        background-color: transparent;\n        color: \74data:linkColor\76\74/data:linkColor\76;\n      }\n\n      #uds-searchClearResults {\n        border-color: \74data:borderColor\76\74/data:borderColor\76;\n      }\n\n      #uds-searchClearResults:hover {\n        border-color: \74data:activeBorderColor\76\74/data:activeBorderColor\76;\n      }\n\n      #uds-searchControl .gsc-cursor-page {\n        color: \74data:linkColor\76\74/data:linkColor\76;\n      }\n\n      #uds-searchControl .gsc-cursor-current-page {\n        color: \74data:textColor\76\74/data:textColor\76;\n      }\n    \74/style\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('CustomSearch1'), {'title': 'Dieses Blog durchsuchen', 'includeBlog': true, 'includePostLinks': true, 'includeWeb': true, 'linkLists': [], 'blogUrl': 'http://lateinhilfe.blogspot.com/', 'loadingMsg': 'Laden...', 'thisBlogMsg': 'Dieser Blog', 'linkedFromHereMsg': 'Verlinkt von hier', 'theWebMsg': 'Das Internet', 'backgroundColor': '#fff', 'textColor': '#000000', 'dateColor': '#ffffff', 'linkColor': '#e0b611', 'urlColor': '#000000', 'visitedLinkColor': '#221b70', 'borderColor': '#000000', 'activeBorderColor': '#000000'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:isPublic\47\76\n\74div style\75\47white-space:nowrap\47\76\n\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74b:loop values\75\47data:feeds\47 var\75\47feed\47\76\n\74div expr:class\75\47\46quot;subscribe-wrapper subscribe-type-\46quot; + data:feed.type\47\76\n\74div expr:class\75\47\46quot;subscribe expanded subscribe-type-\46quot; + data:feed.type\47 expr:id\75\47\46quot;SW_READER_LIST_\46quot; + data:widgetId + data:feed.type\47 style\75\47display:none;\47\76\n\74div class\75\47top\47\76\n\74span class\75\47inner\47 expr:onclick\75\47\46quot;return(_SW_toggleReaderList(event, \\\46quot;\46quot; + data:widgetId +data:feed.type + \46quot;\\\46quot;));\46quot;\47\76\n\74img class\75\47subscribe-dropdown-arrow\47 expr:src\75\47data:arrowDropdownImg\47/\76\n\74img align\75\47absmiddle\47 alt\75\47\47 border\75\0470\47 class\75\47feed-icon\47 expr:src\75\47data:feedIconImg\47/\76\n\74data:feed.title\76\74/data:feed.title\76\n\74/span\76\n\74ul class\75\47feed-reader-links\47\76\n\74a class\75\47feed-reader-link\47 expr:href\75\47\46quot;http://www.google.com/ig/add?source\75bstp\46amp;feedurl\75\46quot; + data:feed.encodedUrl\47 target\75\47_blank\47\76\n\74img expr:src\75\47data:imagePathBase + \46quot;subscribe-google.png\46quot;\47/\76\n\74/a\76\n\74a class\75\47feed-reader-link\47 expr:href\75\47\46quot;http://www.bloglines.com/sub/\46quot; + data:feed.url\47 target\75\47_blank\47\76\n\74img expr:src\75\47data:imagePathBase + \46quot;subscribe-bloglines.png\46quot;\47/\76\n\74/a\76\n\74a class\75\47feed-reader-link\47 expr:href\75\47\46quot;http://www.netvibes.com/subscribe.php?url\75\46quot; + data:feed.encodedUrl\47 target\75\47_blank\47\76\n\74img expr:src\75\47data:imagePathBase + \46quot;subscribe-netvibes.png\46quot;\47/\76\n\74/a\76\n\74a class\75\47feed-reader-link\47 expr:href\75\47\46quot;http://www.newsgator.com/ngs/subscriber/subext.aspx?url\75\46quot; + data:feed.encodedUrl\47 target\75\47_blank\47\76\n\74img expr:src\75\47data:imagePathBase + \46quot;subscribe-newsgator.png\46quot;\47/\76\n\74/a\76\n\74a class\75\47feed-reader-link\47 expr:href\75\47\46quot;http://add.my.yahoo.com/content?url\75\46quot; + data:feed.encodedUrl\47 target\75\47_blank\47\76\n\74img expr:src\75\47data:imagePathBase + \46quot;subscribe-yahoo.png\46quot;\47/\76\n\74/a\76\n\74a class\75\47feed-reader-link\47 expr:href\75\47data:feed.url\47 target\75\47_blank\47\76\n\74img align\75\47absmiddle\47 class\75\47feed-icon\47 expr:src\75\47data:feedIconImg\47/\76\n                Atom\n              \74/a\76\n\74/ul\76\n\74/div\76\n\74div class\75\47bottom\47\76\74/div\76\n\74/div\76\n\74div class\75\47subscribe\47 expr:id\75\47\46quot;SW_READER_LIST_CLOSED_\46quot; + data:widgetId +data:feed.type\47 expr:onclick\75\47\46quot;return(_SW_toggleReaderList(event, \\\46quot;\46quot; + data:widgetId +data:feed.type + \46quot;\\\46quot;));\46quot;\47\76\n\74div class\75\47top\47\76\n\74span class\75\47inner\47\76\n\74img class\75\47subscribe-dropdown-arrow\47 expr:src\75\47data:arrowDropdownImg\47/\76\n\74span expr:onclick\75\47\46quot;return(_SW_toggleReaderList(event, \\\46quot;\46quot; + data:widgetId +data:feed.type + \46quot;\\\46quot;));\46quot;\47\76\n\74img align\75\47absmiddle\47 alt\75\47\47 border\75\0470\47 class\75\47feed-icon\47 expr:src\75\47data:feedIconImg\47/\76\n\74data:feed.title\76\74/data:feed.title\76\n\74/span\76\n\74/span\76\n\74/div\76\n\74div class\75\47bottom\47\76\74/div\76\n\74/div\76\n\74/div\76\n\74/b:loop\76\n\74div style\75\47clear:both\47\76\74/div\76\n\74/div\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\76\n\74/b:if\076'}}, document.getElementById('Subscribe1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74b:if cond\75\47data:link !\75 \46quot;\46quot;\47\76\n\74a expr:href\75\47data:link\47\76\n\74img expr:alt\75\47data:title\47 expr:height\75\47data:height\47 expr:id\75\47data:widget.instanceId + \46quot;_img\46quot;\47 expr:src\75\47data:sourceUrl\47 expr:width\75\47data:width\47/\76\n\74/a\76\n\74b:else\76\74/b:else\76\n\74img expr:alt\75\47data:title\47 expr:height\75\47data:height\47 expr:id\75\47data:widget.instanceId + \46quot;_img\46quot;\47 expr:src\75\47data:sourceUrl\47 expr:width\75\47data:width\47/\76\n\74/b:if\76\n\74br/\76\n\74b:if cond\75\47data:caption !\75 \46quot;\46quot;\47\76\n\74span class\75\47caption\47\76\74data:caption\76\74/data:caption\76\74/span\76\n\74/b:if\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('Image1'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar',{'main': {'varName': '', 'template': '\74div class\75\47widget-content\47\76\n\74data:adCode\76\74/data:adCode\76\n\74b:include name\75\47quickedit\47\76\74/b:include\76\n\74/div\076'}}, document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main'));
</script>
</body>
</html>
 

C

CrayTac

Guest

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

Nabend,

nimm einfach aus deinem #footer das padding-top raus und schon haut es hin.

Gruß


Es geht auch ausführlicher. Siehe unten.
 
Zuletzt bearbeitet:

sokie

Mod | Web

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

dein footer istmit einer height von 50px angegeben, dazu kommt ein padding-top von 20px (zusammen 70px) und darin ist ein hintergrundbild, das nur 50px hoch ist.wahrscheinlich fällt dir selbst auf, warum es da einen leeren bereich von 20px gibt.
 
A

Anomalie92

Guest

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

Danke Jungs, jetzt haut es hin. Ich muss zugeben, dass ich daran nicht gedacht habe. Dachte das Padding-Top würde sich auf einen Abstand auf das nächobere element beziehen. Vielen dank nochmal :D
 

Mysth

Mod | C4D 3D&5D-Contests

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

Das Abstand Problem habt ihr ja gelöst aber ich würde dir noch raten die Grafiken zu überarbeiten.
Ein Header mit 1240px Breite und einer Größe von 419KB ist viel zu groß.
Noch schlimmer ist allerdings der Hintergrund mit 1600px x 1179px und einer Größe von 1915KB ist ein absolutes no go
 

Igel2

Der Weg ist das Ziel

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

ich würde auch noch

padding-left:20px;
padding-right: 20px;

Des footers auf 0 setzen das sieht, für meinen Geschmack, komisch aus, daß da der HG angezeigt wird ebenso beim header
LG
Igel
 

WebMediaService

Nicht mehr ganz neu hier

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

Da muß man @Igel2 recht geben, der header und footer sehen wirklich komisch aus. Die Hintergrundgraphik ist zu groß von der Datenmenge und im header der Cesar ist nicht rechtssicher - siehe Urheberrechte.
 
A

Anomalie92

Guest

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

Guten Abend!
Vielen Dank noch einmal für die Hinweise. Den Hintergrund ändere ich grade in ein wiederholendes Pattern um , das müsste wesentlich weniger ressourcenverschlingend sein, oder?

Zum Header:
Ich weiß, der Abstand an den Seiten sieht komisch aus. Mein Ziel war es den Header und Footer jeweils bis zum Seiten"ende" zu haben. Geht das denn garnicht? Es ist absichtlich so groß und "ünerhängend" (gegenüber dem Content-Bereich).

mfg
 
A

Anomalie92

Guest

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

Danke fuer den Tipp, aber ich meinte die Seitenraenderlinks und rechts... soweit ich das sehe besieht sich das sticky footer teil darauf, denn footer immer unten zu haben. das schaffe ich ja schon... nur das "bildschrimfuellende" headerteil nicht :s
 

sokie

Mod | Web

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

mal auf die schnelle:
für die Dinge die sich kachelnd wiederholen reicht ein schmaler Streifen (sogar 1 px breit wäre ausreichend) Den kannst du in deinen header legen (repeat-x). Darüber legst du einfach das bild habe ich das mit absoluter Positionierung gemacht, es geht aber auch mit relativeund entsprechenden margins.

Im footer eben entsprechend
die Texte(copyright-Vermerk) würde ich dort als html Text anlegen, nicht als Grafik.
ein bisschen Vorsichtig solltest du beim Verwenden vonGrafiken sein, die einem Copyright unterliegen.
Dein header-Bereich ist mit 414px Höhe eindeutig zu gross. bei der immer noch gängigen Auflösung von 1024x768 uä. nimmt er über die Hälfte des Fensters ein, und verdrängt den eigentlichen Inhalt.
 
A

Anomalie92

Guest

AW: Freier "Platz" am Ende der Seite nach dem letzten DIV-Element

Erstmal vorweg: Tausend Dank, du hast dir echt viel Mühe gegeben und mich endlich erhellt, wie ich das mit dem Header hinbekomme. So kann ich immerhin bei jeder Seitenäuflösung sicher sein, dass es passt, genau das habe ich gesucht.

So nun zum Footer. Diesen Copyright vermerk habe ich nur wegen Blogger so gemacht, aber du hast Recht als html würde das auch SEO-technisch ja wahrscheinlich besser dastehen.

Ich dachte erst, Caesar sei nicht copyrightgeschützt, aber es ist genau der aus Asterix, da ist mir wohl ein kleiner Fehler unterlaufen :S Der kommt gleich raus.

Das mit dem großen Header liegt wahrscheinlich daran, dass ich das hier am Schul-Pc gemacht habe, die Bildschirme haben hier ne riesen Auflösung und sind ziemlich schick... werde das auch mal runterschrauben. So puh damit wären alle meine Fragen geklärt, mir wurde sehr gut weitergeholfen. Ich werde noch öfters so einen "seitenfüllenden" Header, von daher war das Gold wert.

mfg
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.526
Neuestes Mitglied
Winfriedtesmer
Oben