Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.03.2010 um 14:38 (UTC)    
Titel: Header weiter nach unten verschieben!!!

Hallo,

Ich wollte meinen Header weiter nach unten verschieben aber im Code finde ich ´nichts zum verschieben hjier mein Code:

Code:
/*Nullformatierung*/
*{margin:0px;padding:0px;}

/*Keine Ränder*/
img{border:0px;}

/* Hintergrund hinter Design */
body {
background-color:#D3D3D3;
background-image:url();
background-repeat: repeat;
text-align:center;}


#nav_container {
list-style-type:none;
margin:0; padding-bottom:8px;
padding-top:6px;
padding-left:0px;
padding-right:0px;
background-image:url(http://img.webme.com/pic/i/iduk/z890l9.png);
width:100%;
height:17px;
border-top:solid 1px #e1e2e4;
border-bottom:solid 1px #e1e2e4;   
background-color:#e1e2e4;
background-repeat:repeat-x;
}

li.nav_element {
display:inline;
list-style:none;
padding-bottom:7px;
padding-top:6px;
padding-left:15px;
padding-right:15px;
background-color:#;
background-image:url();
}

.menu {
font-family:"Trebuchet MS", Verdana;
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#e2ae7b;
}

.menu:hover {
color:#b08861;
}

h2#title {
display:none;
}
 

/* Das Textfeld */
#content {
position:absolute;
left:50%;
top:150px;
margin-left:-490px;
width: 980px;
color:#000000;
font-size:14px;
font-family:arial;
text-align:left;
background-color:FFFFFF;
background-image:url();
border:0px solid #c9c9c9;}

#sidebar_container {
position:absolute;
right:-12px;
top:20px; 
width:270px;
height:150px;
background-color:#;
border:solid 1px #;
padding:10px;
background-image:url(http://img.webme.com/pic/b/beta-iduk/z6udit.png);
background-repeat:no-repeat;
text-align:justify;
display: block;
font-family:"Trebuchet MS", Verdana; font-size:13px; color:#000000;
}
 
#sidebar_heading { margin:0; padding:0; overflow:auto; }


#GoogleADCSS {
background-image: transparent;
position:absolute;
top:5px;
right:5px;
}

#nav_heading {
display:none;
}

#counter {
display:none;
}

#header{
display:none;
}

#container {
position:absolute;
top:20px;
left:50%;
width:796px;
margin-left:-397px;
font-family:"Trebuchet MS", Verdana; font-size:13px; color:#333333;
padding-top:-20px;
background-image:url(http://img.webme.com/pic/b/beta-iduk/6eudiu6z.png);
border-bottom:solid 1px #aaaaa5;
}

#header_container {
width:796px;
height:198px;
border-bottom:none;
background-repeat:no-repeat;
}

#below_content {
background-image:url(http://img.webme.com/pic/b/beta-iduk/fuziuz.png);
width:790px;
height:30px;
padding-top:5px;
padding-left:10px;
background-repeat:no-repeat;
margin-left:3px;
}
Beitrag16.03.2010 um 14:42 (UTC)    
Titel:

Doch,
in dem Code heißt der zu beachtende Teil header_container. Du solltest
deinen Code etwas abändern.

Zitat:
#header_container {
width:796px;
height:198px;
border-bottom:none;
background-repeat:no-repeat;
margin-top: 150px;
}


Rot : Verändereter Bereich. Pixelzahl wenn nötig anpassen.


Zuletzt bearbeitet von servicecheck am 16.03.2010, 15:42, insgesamt einmal bearbeitet
Beitrag16.03.2010 um 14:58 (UTC)    
Titel:

Ne funkt nicht wird nur größer
Beitrag16.03.2010 um 15:00 (UTC)    
Titel:

Oh, entschuldigung. Versuche nochmal:
Zitat:
Falscher Code


Zuletzt bearbeitet von servicecheck am 16.03.2010, 16:41, insgesamt einmal bearbeitet
Beitrag16.03.2010 um 15:01 (UTC)    
Titel:

auch nicht
Beitrag16.03.2010 um 15:02 (UTC)    
Titel:

Unten Erklärung von Riki.


Zuletzt bearbeitet von servicecheck am 16.03.2010, 16:40, insgesamt einmal bearbeitet
Beitrag16.03.2010 um 15:03 (UTC)    
Titel:

ok
Beitrag16.03.2010 um 15:10 (UTC)    
Titel:

servicecheck hat Folgendes geschrieben:
Oh, entschuldigung. Versuche nochmal:
Zitat:
#header_container {
width:796px;
height:198px;
border-bottom:none;
background-repeat:no-repeat;
top: 150px;
}

Rot : Verändereter Bereich. Pixelzahl wenn nötig anpassen.

Hi,
wenn du mit "top" arbeitest, solltest du auch position: absolute; verwenden, wie es
auch bei den anderen Div's geschehen ist.

Das wäre demnach so:
Zitat:
#header_container {
position: absolute;
width:796px;
height:198px;
border-bottom:none;
background-repeat:no-repeat;
top: 150px;
}

Dann eventuell noch die nötigen "links & rechts"-Angaben.

Gruss

Riki


Zuletzt bearbeitet von riki-designs am 16.03.2010, 16:23, insgesamt einmal bearbeitet
Beitrag16.03.2010 um 15:33 (UTC)    
Titel:

@riki

Oh, danke.
Das war mir gar nicht aufgefallen, ich hatte es nicht für möglich gehalten, dass
so etwas vergessen wird. Naja.
Beitrag16.03.2010 um 15:37 (UTC)    
Titel:

Ok
Beitrag16.03.2010 um 18:06 (UTC)    
Titel:

Ich nehm mal an, dass das damit geklärt ist. Danke für deine Rückmeldung
und danke an die Helfer Wink
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beiträge der letzten Zeit anzeigen:   


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