Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.12.2009 um 16:52 (UTC)    
Titel: CSS Design: Einen Footer erstellen?

wie ist es möglich, ein css-feld so zu positionieren, dass es immer mit der länge des contents mit wandert?

dazu muss ich sagen , dass ich schon mal nen code hatte, der aber auf grund der struktur meiner hp nich gefunzt hat..

alle meine feld-angaben sind

Code:
position:absolute;
top: 100px;
left:50%;


damit definiert.

kennt jemand ne möglichkeit?
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!





Zuletzt bearbeitet von pure-gfx am 03.12.2009, 15:07, insgesamt einmal bearbeitet
Beitrag03.12.2009 um 14:07 (UTC)    
Titel:

Hallo,
sowas nennt man auch einen "Footer" Wink
So ein Footer ist im CSS Design nur möglich,
wenn du folgenden Code bei "Text unter dem Design" einfügst:
Zitat:
<div id="content_footer"></div>
Nun kannst du mit folgendem CSS Befehl deinen Footer gestalten:
Zitat:
#content_footer{
Befehle;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag03.12.2009 um 14:14 (UTC)    
Titel:

Very Happy Dass das footer heisst weiss ich Very Happy und wie ich nen neues Feld mache weiss ich auch nur weiss ich nich was für css befehle da rein müssen Very Happy
ich kann bis jetz nur ne feste position festlegen :/ das is das problem Very Happy

aber danke für die antwort Very Happy
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag03.12.2009 um 14:23 (UTC)    
Titel:

Gar keine Positionierungscodes Wink
Wenn ein Feld dynamisch bleiben soll,
dann darfst du immer nur den Befehl "margin" benutzen.
Mit diesem Befehl kannst du auch in den negativen (-) Bereich gehen Wink

Hier mal eine kleine Erklärung, welcher Wert was anstellt:
http://www.css4you.de/margin.html

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag03.12.2009 um 14:25 (UTC)    
Titel:

ok danke, also schreibe ich in den css"befehl" nur mit margin wie weit er links/bzw rechts sitzen soll? weil oben und unten würde ja irgendwie ein widerspruch darstellen oder?

und natürlich die farbe usw kommt ganz normal rein, oder?
Laughing Shocked

________________
edit:
um mal meine absicht zu erklären:
ich will mein jetziges design abändern, so das der content sich verlängert ..also ohne overflow:auto;
dazu würde ich aus dem hintergrund bild die passenden stellen ausschneiden und als hintergrund für den text nehmen und für den footer..das wäre meine vorstellung wie ich das umsetze ..kein plan Very Happy probiern probiern probiern Very Happy
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!





Zuletzt bearbeitet von pure-gfx am 03.12.2009, 15:28, insgesamt einmal bearbeitet
Beitrag04.12.2009 um 13:53 (UTC)    
Titel:

*push*
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag06.12.2009 um 15:37 (UTC)    
Titel:

*push*
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag06.12.2009 um 15:53 (UTC)    
Titel:

ich habe das gleiche Problem. Mein Code sieht so aus:
Zitat:
#content_footer{
margin-bottom:150px;
hight:40px;
background-color: #FF0000;}

Allerdings endet der footer da, wo die navi endet und verschwindet hinter dem content, der weiter nach unten geht, als die navi. Wahrscheinlich will pure-gfx, genauso wie ich, dass der footer auf der Seite ganz unten, unterhalb des contents endet.
Beitrag06.12.2009 um 16:03 (UTC)    
Titel:

genau das meine ich ;D
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag07.12.2009 um 13:51 (UTC)    
Titel:

keiner nen plan? o.O
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag08.12.2009 um 13:20 (UTC)    
Titel:

>.< *push push push ....
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag08.12.2009 um 13:36 (UTC)    
Titel:

Es gibt da drei Möglichkeiten!
Immer in der Mitte:
Zitat:
margin: 0 auto;

Passt sich Bildschirmgröße an:
Zitat:
left:50%;
margin-left: -200px;

Abstand vom Linken Rand
Zitat:
margin-left: 200px;

Du musst dabei darauf achten, dass du alle anderen Klassen auch mit margin positionierst!


Zuletzt bearbeitet von tjpeiler-designs am 08.12.2009, 14:37, insgesamt einmal bearbeitet
Beitrag08.12.2009 um 13:48 (UTC)    
Titel:

tjpeiler-designs hat Folgendes geschrieben:

Du musst dabei darauf achten, dass du alle anderen Klassen auch mit margin positionierst!


DAFÜR DANKE ICH DIR !
Jetz macht es sinn, dass es nicht funktioniert hat, da ich andere klassen mit
position:absolut;
left:50%;
positioniert habe.

zb:
Code:

#links{
[color=red]position: absolute;
left: 50%;
top: 328px;[/color]
margin-left: -80px;
width: 415px;
height: 26px;
color: #000000;
font-size: 30px;
font-family: arial;
overflow: ;
background-image:url();
background-color:#000000;
border: 0px solid #000000;}

das wird wohl der fehler sein Very Happy

danke danke Very Happy[/code]
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag08.12.2009 um 16:44 (UTC)    
Titel:

Jop, denn das "absolute" gibt an, dass die Klasse genau da bleiben soll, wo sie gerade ist und sich nicht von der Stelle bewegt.
Beiträge der letzten Zeit anzeigen:   


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