zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div immer am Ende der Seite positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.04.2011, 08:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2009
Beiträge: 20
cssnoobi befindet sich auf einem aufstrebenden Ast
Frage Div immer am Ende der Seite positionieren

hallo leute,

ich stehe vor einem problem, bei dem ich nicht weiß wie ich es umsetzen soll.

ich habe mittels divs einen kopf, content und fußbereich. das content-div passt sich je nach inhalt automatisch in der höhe an.
nun möchte ich ein bild mittels div immer am ende der seite darstellen. das bild ist aber größer als der footer.

im einem bild hab ich das ganze optmisch mal dargestellt wie es sein soll.


am liebsten wäre mir, das problem mit css zu lösen. habt ihr eine lösung?

index.html:

HTML-Code:
<div id="border" >
	<div id="head"></div> 
	<div id="main" >Content</div>
	<div id="foot" ></div>
</div>
css:

Code:
#border { width: 1000px; min-height: 500px; margin: 0 auto; } 
#border #head { height: 225px; background-color: red; }
#border #main {	width: 1000px; height: auto; background-color: green; }
#border #foot {	height: 40px; width: 1000px; background-color: blue; }
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.04.2011, 10:21
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Du könntest das Bild in den footer legen, aber per position:absolute und einem ggf. zu vergebenden z-index so verschieben und anzeigen wie du es willst. Damit das Bild "weiß" dass es immer am Ende zu stehen hat, ist es notwendig, dies dem Bild "mitzuteilen" dass es sich vom footer ausgehend positionieren soll.
Das erreichst Du, indem Du dem footer ein position:relative mitgibst, wodurch die absolute Positionierung des Bildes einen Referenzpunkt zum footer erhält.

position: Positionsart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.04.2011, 10:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2009
Beiträge: 20
cssnoobi befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank! Es funktioniert! Das es so einfach ist, hätte ich nicht gedacht.
Mit Zitat antworten
Antwort

Stichwörter
ausrichten, div, ende, foot, footer, positionieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
DIV dynamisch positionieren daski CSS 2 04.11.2010 17:37
Hintergrundbild in zentriertem div positionieren und fixieren anutoshen CSS 13 25.04.2010 13:37
Element ausserhalb seite positionieren, so daß keine scrollbar entsteht st-SaHiB CSS 5 20.07.2009 09:49
positionieren von div elementen Kjatar CSS 3 08.11.2006 22:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:58 Uhr.