Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.02.2010 um 12:27 (UTC)    
Titel: footer im css design

hallo ,

könnte mir jemand bitte helfen wie ich bei dem design einen footer oder einen vernünftigen abschluss unten bekommen könnte ....ich hab das jetzt so gemacht das der content bereich so lang ist wie der text der auf den seiten eingefügt wird ....leider ist es dann so das ich dann keinen abschluss nach unten mehr habe ....

vielleicht hat ja jemand einen tipp was man da anders machen könnte

LG und danke schon mal an die / den helfer


hier mal anbei der quelltext


<style type="text/css">
<!--
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}

#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

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

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

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

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


body {
background-color:#000000;
background-image:url();}


#header_container {
position: absolute;
left: 48%;
margin-left:-490px;
width: 1000px;
height:200px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/g/grits-extras/header-css-2.png);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}


#content_container {
position: absolute;
left: 48%;
top: 330px;
margin-left:-320px;
width: 810px;
height: autoflow;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/g/grits-extras/hgb-extras-karo1.png);
border: 1px solid #FFFFFF;}



#nav_container{
position: absolute;
left: 48%;
top:330px;
margin-left: -490px;
width: 160px;
height: auto;
background-color:#C1490E;
background-image:url();
border:1px solid #FFFFFF;
color:#XXXXXX;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding-bottom:15px;
padding-left:2px;
border: 1px;
width: 110px;
height: 20px;
text-align: left;}

li.nav_element a{
display: block;
padding:3px;
width: 115px;
height: 20px;
margin: 10px;
color: #F2F2F2;
font-weight: bold;
text-decoration: none;
background-color: #xxxxxx;
border: 0px solid #ffffff;
text-align: left;}

li.nav_element a:hover{
display: block;
color: transparent;
font-weight: bold;
text-decoration: none;
background-color: #XXXXXX;
color:#000000;
border: 0px solid #ffffff;
text-align: left
;}

td {font-family: tahoma, verdana, arial;font-size: 13px;color: #ffffff;}


Zuletzt bearbeitet von inesmausi am 03.02.2010, 13:28, insgesamt einmal bearbeitet
Beitrag03.02.2010 um 12:38 (UTC)    
Titel:

Hi,
das währe ein Mustercode für einen Footer:

Zitat:
#Footer{
font-family:Arial;
font-size:12px;
text-align:center;
background-image:url(hintergrundbildurl);
background-repeat:no-repeat;
width:XXpx;
height:XXpx;
margin-bottom:XXpx;;
padding:0 px;
margin: 0 auto;
position:absolute;}


Mit dem roten bestimmst du , wie weit der Footer vom Boden des Designs entfernt ist.Dann fügst du bei "Text unter dem Design" folgendes ein:

Zitat:
<div id="Footer">Copyright (c) 2010 by inesmausi.de.tl - Alle Rechte vorbehalten - All rights reserved</div>


Zuletzt bearbeitet von nico1970 am 03.02.2010, 14:10, insgesamt einmal bearbeitet
Beitrag03.02.2010 um 12:48 (UTC)    
Titel:

hallo ,

also ich hab das so eingebunden wie du gesagt hast ....leider ist der text

<div id="Footer">Copyright (c) 2010 by inesmausi.de.tl - Alle Rechte vorbehalten - All rights reserved

nur oben am header zu sehen ...habe den roten wert auch verändert aber da tut sich nichts ..

schade
Beitrag03.02.2010 um 12:53 (UTC)    
Titel:

Also das sollte bei Text über dem Design rein

Code:
<div id="Footer">Copyright (c) 2010 by inesmausi.de.tl - Alle Rechte vorbehalten - All rights reserved<div >


Und das bei css ohne styletags

Code:
#Footer{
font-family:Arial;
font-size:12px;
text-align:center;
background-image:url(hintergrundbildurl);
background-repeat:no-repeat;
width:XXpx;
height:XXpx;
margin-bottom:XXpx;;
padding:0 px;
margin: 0 auto;
position:absolute;}


Mit dem roten bestimmst du , wie weit der Footer vom Boden des Designs entfernt ist
______________
Beitrag03.02.2010 um 12:56 (UTC)    
Titel:

hallo Smile

ja hab ich ja auch so gemacht .....jeden code in die entsprechende box ....aber tut sich nix ....naja vielleicht liegt es auch an diesem code ....ist ja nur so zusammengesucht das alles

trotzdem danke .....lg

muss jetzt erstmal weg ....bin ca in einer stunde wieder da ....nur mal so Smile


Zuletzt bearbeitet von inesmausi am 03.02.2010, 13:59, insgesamt einmal bearbeitet
Beitrag03.02.2010 um 13:10 (UTC)    
Titel:

Hi,
ich habe jetzt was an meinem Code verbessert,sollte jetzt eig. funktionieren.

Mfg nico1970 Wink
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beiträge der letzten Zeit anzeigen:   


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