Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.05.2009 um 11:33 (UTC)    
Titel: [erledigt] Wie füge ich einen Footer ein?

Hallo Leute,

wie kann ich mir im Design CSS so ein Content Bottom wie im Design iceblue
erstellen?

Hier ist mein CSS Code:

Zitat:

/* Diese Klassen werden nicht angezeigt */
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
div.header{display: none;}
h1#title{display:none;}
h1#title{display: none;}
h2#title span {display: none;}



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

td{
text-align:left;}

textarea{
margin-bottom:10px;}

/* Link und Textformatierung */
a:link {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #FF0000;
font-size: 13px;
text-decoration: none;}


/* Der Header oben */
#header_container {
position: absolute;
top:45px;
left: 50%;
margin-left:-485px;
width: 970px;
height:120px;
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/a/award4us/header_png.png);
border:0px solid #c9c9c9;}

/* Das Textfeld */
#content {
position: absolute;
left: 50%;
top: 175px;
margin-left:-300px;
width: 578px;
padding:10px;
color: #Ffffff;
font-size:13px;
background-color:#000000;
background-image:url();
border: 1px solid #FFFFFF;
overflow:auto;}



/* Titel Navigation */
#nav_heading {display:none;}

/* Feld Navigation */
#nav_container {
position: absolute;
left: 50%;
top: 170px;
margin-left: -490px;
width: 185px;
padding:5px;
border: 0px solid #343434;
background-image:url();}

/* Auflistung Navi-Links */
ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element {
list-style-type: none;
position: relative;
width: 175px;
text-align: left;
border-bottom:1px solid #ffffff;}

/* Navigation Textlinks & Buttons */
li.nav_element a {
display: block;
width: 165px;
padding:5px;
color: #ffffff;
font-size:13px;
font-family:arial;
text-decoration: none;
text-align: left;
background-color: #000000;
background-image:url(Hier Button-URL);
border-left:1px solid #C9C9C9;
border-right:1px solid #c9c9c9;}

/* Hover-Effekt Navi-Buttons */
li.nav_element a:hover {
color:#FFFFFF;
background-color: #8B8000;
background-image:url(Hier Button-URL 2);}

li.checked_menu a{
background-color:#006FFF;}

#nav_Startseite a{
width:165px;
padding:5px;
color:#FFFFFF;
font-size:13px;
font-family:arial;
background-color:#E1E1E1;
background-image:url(http://img.webme.com/pic/d/designz-test/button_menu.png);
border-top:1px solid #C9C9C9;}


#nav_Award {
margin-top:13px;
width:165px;
padding:5px;
font-size:13px;
font-family:arial;
color:#FFFFFF;
background-color:#E1E1E1;
background-image:url(http://img.webme.com/pic/d/designz-test/button_menu.png);
border:1px solid #C9C9C9;}

#nav_Grafiken {
margin-top:13px;
width:165px;
padding:5px;
font-size:13px;
font-family:arial;
color:#FFFFFF;
background-color:#E1E1E1;
background-image:url(http://img.webme.com/pic/d/designz-test/button_menu.png);
border:1px solid #C9C9C9;}


#nav_Extras {
margin-top:13px;
width:165px;
padding:5px;
font-size:13px;
font-family:arial;
color:#FFFFFF;
background-color:#E1E1E1;
background-image:url(http://img.webme.com/pic/d/designz-test/button_menu.png);
border:1px solid #C9C9C9;}



#sidebar_container{
position: absolute;
left: 50%;
top:175px;
margin-left: 308px;
width: 175px;
background-image: url(http://img.webme.com/pic/d/designz-test/button_menu2.png);
background-repeat: no-repeat;
border:1px solid #ffffff;
color:#ffffff;
overflow:auto;}

#nav_Home{display:none;}
#nav_GBook{display:none;}
#nav_Kontakt{display:none;}
#nav_Bewerben{display:none;}
#nav_Teilnehmer{display:none;}
#nav_Topliste{display:none;}
#nav_Userbars{display:none;}
#nav_Gewinne{display:none;}
#nav_MeineAwards{display:none;}
#nav_HallOfFame{display:none;}
#nav_Voten{display:none;}
#nav_VoteButtons{display:none;}
#nav_Regeln{display:none;}
#nav_LinkMe{display:none;}
#nav_Partner{display:none;}
#nav_Vote4Me{display:none;}
#nav_VideoTutorials{display:none;}
#nav_Banner{display:none;}
#nav_Buttons{display:none;}
#nav_Header{display:none;}
#nav_Wallpaper{display:none;}
#nav_Enterpages{display:none;}
#nav_Designs{display:none;}
#nav_CSSDesigns{display:none;}
#nav_Referenzen{display:none;}
#nav_IceblueDesigns{display:none;}

-->
</style>
<table align="center" cellpadding=0 cellspacing=0 border=0><tr><td align="center">
<style type="text/css">
<!--


Danke schon mal im Vorraus! Wink
______________
http://s3.gladiatus.de/game/c.php?uid=69216




Zuletzt bearbeitet von award4us am 26.05.2009, 14:51, insgesamt einmal bearbeitet
Beitrag24.05.2009 um 13:10 (UTC)    
Titel:

Zitat:
Wie füge ich einen Footer ein?


Zitat:
wie kann ich mir im Design CSS so ein Content Bottom wie im Design iceblue
erstellen?


Öhh? Irgentwie verwechselst du da was? Was möchtest du genau?


Gruss
Allschwil-3F
Beitrag24.05.2009 um 15:13 (UTC)    
Titel:

Ein Content Bottom ist doch das gleiche wie ein Footer!

Also kann mir einer Bitte helfen?
Ich hab die ganze Zeit versucht einen Footer zu erstellen, aber ging nicht!
______________
http://s3.gladiatus.de/game/c.php?uid=69216


Beitrag24.05.2009 um 16:08 (UTC)    
Titel:

Hi,

Ich nehme mal an du hast das Design "CSS - nur für Profis" das ist nähmlich des einfachste, obwohl es eigendlich bei allen Designs einfach geht xD.

Also als erstes erstellst du einen CSS-container, den du dann zusammen mit deinen anderen Containern bei "stylesheets ohne style tags" oder wie das auch immer heißt abspeicherst:

Zitat:

#footer
{
height: x px;
width: x px;
border: x px solid #Hexfarbe;
background-image: url(Hintergrundbildpfad);
background-color: #Hexfarbe;
}


Statt dem roten x fügst du die Höhe in Pixel ein.
Statt dem blauen x fügst du die Breite in Pixel ein.
Statt dem grünen x definierst du die Rahmenbreite (0=kein Rahmen) und nach der Raute (#) gibst du die Rahmenfarbe in Hexcodes an.
Bei background-image kannst du in den Klammern der url einen Pfad zum Hintergrundbild angeben, oder bei background-color hinter der Raute(#) die Hintergrundfarbe in Hexcodes.

Jetzt musst du den Container natürlich auch noch sichtbar machen, indem du bei "text unter design" ein div-tag mit deinem inhalt einfügst:

Zitat:
<div id="footer">Dein Inhalt</div>


Deinen Inhalt des Footers (Copyright usw.) dann einfach zwischen das div-start und div-end-tag einfügen.
Du musst aber beachten, das der Inhalt nicht größer als Footer sein darf, sonst wird der Rest entweder abgeschnitten oder geht darüber hinaus. Wenn der Platz nicht reicht, kannst Du ihn aber bei height oder width vergrößern.

MfG SmaX
______________


Zuletzt bearbeitet von pro-gfx am 24.05.2009, 17:11, insgesamt 2-mal bearbeitet
Beitrag24.05.2009 um 16:26 (UTC)    
Titel:

Beitrag24.05.2009 um 16:42 (UTC)    
Titel:

Sowohl in diesem Thema, als auch in dem Thema was slackline gepostet hat "http://www.homepage-baukasten.de/forum/viewtopic.php?t=96601" ... Konnte ich das nicht finden, wie der "Footer" sich *Automatisch* an den content-Bereich anpassen soll!? o.O *scratch*

..

Ich kann des mir schon vorstellen, dass wenn ich in den "gegebenen Code von pro-gfx noch die Position mit "top:" & "margin-left:" beliebig versetzen kann, aber dass der "Fooeter" sich dem Content automatisch anpasst, klappt nicht!!? oO - Why!?

mfg, Stan
______________
Beitrag24.05.2009 um 17:01 (UTC)    
Titel:

Das hat nicht geklappt!! Confused
______________
http://s3.gladiatus.de/game/c.php?uid=69216


Beitrag24.05.2009 um 17:05 (UTC)    
Titel:

Ja ganz deiner Meinung!

Bei mir schwebt dieser Footer auch oben links und passt sich dem content nicht an!!! -.-

mfg, Stan
______________
Beitrag24.05.2009 um 17:09 (UTC)    
Titel:

Dann muss das mir ein echter Profi erklären!
______________
http://s3.gladiatus.de/game/c.php?uid=69216


Beitrag24.05.2009 um 17:18 (UTC)    
Titel:

es liegt wahrscheinlich an der Position!?

habe den Code ungefähr so *für den Anfang* gestaltet:
Zitat:
#footer { position: under_content; height: 20px; width: 900px; border: 1px solid #FFFFFF; background-image: url(Kommt NOCH); background-color: #XXXXXX;}


Das Rot markierte habe ich bereits versucht zu ändern in - float, auto, content.
Hat nichts gebracht!!! -.-
______________
Beitrag24.05.2009 um 17:41 (UTC)    
Titel:

Hab schon überall im Forum nachgeguckt, aber nichts hat mir weitergeholfen!!

Gibt es denn keiner, der mir das richtig erklären kann?
Bitte um Hilfe!
______________
http://s3.gladiatus.de/game/c.php?uid=69216




Zuletzt bearbeitet von award4us am 24.05.2009, 18:42, insgesamt einmal bearbeitet
Beitrag25.05.2009 um 03:57 (UTC)    
Titel:

Geht mir jetzt genau so!!!

Würde auch gerne wissen, was man in den Code noch einfügen muss, damit sich der Footer zu dem content anpasst!!??

mfg, Stan
______________
Beitrag26.05.2009 um 13:34 (UTC)    
Titel:

Also bitte, könnte mir das mal einer erklären!
______________
http://s3.gladiatus.de/game/c.php?uid=69216


Beitrag26.05.2009 um 13:43 (UTC)    
Titel:

Das Iceblue-Design ist mit Tabellen gemacht.

Bei Designs, die aus divs bestehen, macht man eigentlich den Content selber scrollbar, sodass der Footer immer an der selben Stelle ist.
______________

Beitrag26.05.2009 um 13:50 (UTC)    
Titel:

OK, keiner muss mir mehr was erklären!!

Habs rausgefunden!

Kann geclosed werden!
______________
http://s3.gladiatus.de/game/c.php?uid=69216




Zuletzt bearbeitet von award4us am 26.05.2009, 14:56, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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