Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.07.2010 um 13:15 (UTC)    
Titel: Wie Lücke entfernen?

Hi,

ich hab folgendes Problem: zwischen Content und Footer ist eine Lücke, die ich nicht wegbekomme. Das ist erst mein 2. Design, bin daher kein CSS Profi.
Hoffe ihr könnt mir helfen. Hier nochmal ein Screenshot.
http://img.webme.com/pic/p/page-lab/screenshot.png
Beitrag28.07.2010 um 15:10 (UTC)    
Titel:

Hej

Code:
/* Balken unten (Footer) */
#unten {
    width: 960px;
    color: #000000;
    font-size: 12px;
    padding: 10px;
    margin-top: -10px; <- Hier ändern!
    margin-bottom: 50px;
    background-color: #696969;
    border: 2px solid #c9c9c9; }


Du mußt margin-top anpassen. Wenn bei Dir eine 0px steht mußt Du ein - vorsetzen + eine Zahl. Die Zahl so lange verändern bis Dein Footer an der richtigen Stelle ist.
Beitrag28.07.2010 um 18:25 (UTC)    
Titel:

Ich hab den Code eingefügt, es passierte aber nichts. Deshalb habe ich den margin-top Wert bei meinem Footer Code geändert und es änderte sich wenigstens etwas. Das Problem ist, dass das Bild bei kleineren Seiten überlappt (d.h. der Schlagschatten verdunkelt sich), während bei längeren Seiten immernoch ein Abstand da ist. Was tun?
Beitrag28.07.2010 um 18:41 (UTC)    
Titel:

Hallo

Ich brauch mal Deinen kompletten CSS Code.
Beitrag28.07.2010 um 18:50 (UTC)    
Titel:

CSS
Code:
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
h1#header {display:none;}
#counter {display:none;}
#nav {display:none;}

/* allgemeine Formatierung */
html, body {
font-family: Calibri;
font-size: 13pt;}

html {
background-image:url(http://img.webme.com/pic/p/page-lab/background.jpg);
background-position:center top;}

p {
margin-left:40px;
margin-right:40px;}

a:link, a:visited {
color: #000000;
text-decoration: underline;}

a:hover, a:focus {
color: #000000;
text-decoration: underline;}

td[height="102"]{
position:absolute;
left:50%;
margin-left:-360px;
width: 752px;}   

/* Bereich oben */
#top {
background-image: url(http://img.webme.com/pic/p/page-lab/top1.png);
position:absolute;
left:50%;
margin-left: -480px;
height: 130px;
width:960px; }

/* Navigation */
#navigation {
margin-left: auto;
margin-right: auto;
margin-top:40px;
margin-bottom:10px;
width: 860px;
height:35px;
background-image:url(http://img.webme.com/pic/p/page-lab/leiste1.png);}

#navigation a {
color: #000000;
text-decoration:none;
font-size: 18px;
line-height:1.8em;}

#navigation ul {
margin-left:-21px;}

#navigation li {
list-style-type: none;
float:left;}

#navigation li:after {
content:"|";
margin-left:2px;}

/* Content */
#title span {
position:absolute;
left:50%;
margin-left: -430px;
margin-top:-45px;}

#content {
width:960px;
margin-left: auto;
margin-right: auto;
margin-top:130px;
margin-bottom:0px;
min-height:400px;
background-image: url(http://img.webme.com/pic/p/page-lab/content2.png);}

/* Footer */
#below_content {
background-image: url(http://img.webme.com/pic/p/page-lab/footer2.png);
height:130px;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;}


Über dem Design
Code:
<div id="top"><div id="navigation">
<ul>
<li><a href="/Home.htm">Home</a></li>
<li><a href="/Kontakt.htm">Kontakt</a></li>
<li><a href="/IDs.htm">IDs und Klassen</a></li>
</ul>
</div></div>


Copyright Hinweis
Code:
<hr width="80%" style="margin-top:0px;">
<div style="margin-left:40px; margin-right:40px;">(c) 2010 Copyright by page-lab</div>


Zuletzt bearbeitet von page-lab am 28.07.2010, 19:52, insgesamt 2-mal bearbeitet
Beitrag29.07.2010 um 15:11 (UTC)    
Titel:

Hoffe es kann mir jemand helfen Sad
Beitrag29.07.2010 um 15:15 (UTC)    
Titel:

#counter {display:none;}

oder

#below_content {
background-image: url(http://img.webme.com/pic/p/page-lab/footer2.png);
height:130px;
width:960px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
top: -10px;
}

das orange musst du anpassen...
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de