mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 07.12.2016 23:29 Benutzername: Passwort: Auto-Login

Thema: [css] Bild am unteren Rand des Bildschirms vom 27.02.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [css] Bild am unteren Rand des Bildschirms
Autor Nachricht
m0rb
Threadersteller

Dabei seit: 30.09.2004
Ort: Fürth
Alter: 31
Geschlecht: Männlich
Verfasst Mo 27.02.2006 18:18
Titel

[css] Bild am unteren Rand des Bildschirms

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

es geht um folgende Seite:
http://www.floriangreinacher.de/dev/malibu

Das Problem ist eigtl. nur, dass die Korallen am unteren Bildrand sein sollen. Sobald der Text länger wird, löst sich das Problem ja von selbst, nur bei solch kurzen Inhalten, rutschen die Korallen hoch.

Hier die css: http://www.floriangreinacher.de/dev/malibu/malibu.css

Wäre super, wenn mir jemand helfen würde, mit divs hab ich noch so meine Probleme * Keine Ahnung... *

* Mmmh, lecker... *

Achja, die Korallen werden noch schöner freigestellt *hehe*


Zuletzt bearbeitet von m0rb am Mo 27.02.2006 18:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kerrigan

Dabei seit: 22.02.2006
Ort: Österreich
Alter: -
Geschlecht: Weiblich
Verfasst Mo 27.02.2006 18:45
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo,

die Lösung für dein Problem liegt darin, das Bild als Hintergrund einzubinden.

Du erstellst einen Div-Bereich in der HTML-Datei <div name="hintergrund">&nbsp;</div>

dann schreibst du folgendes in die CSS-Datei:

Code:
#hintergrund {
position:absolute; //Positionsangabe
width:...px; height:...px; // Größe der Grafik
background-image:url(Dateiname.Dateiendung);
background-repeat:no-repeat; // HG wird nicht wiederholt
background-position:bottom; //positioniert das Bild an den unteren Rand
}


Die Methode funktioniert ab IE 3.0, Netscape 6.0, Opera 5.12, Firefox 1.0, Camino 3.1 und Safri 1.0.

Ansonsten besuch mal diesen Link, er wird dir sicher weiterhelfen können:

SelfHtml Css

Lg,
Kerrigan
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m0rb
Threadersteller

Dabei seit: 30.09.2004
Ort: Fürth
Alter: 31
Geschlecht: Männlich
Verfasst Di 28.02.2006 17:04
Titel

Antworten mit Zitat Zum Seitenanfang

Ändert leider nichts, hab's auch schon mit "bottom: 0px;" zusätzlich versucht, allerdings klebt dann das Bild immer am unteren Ende des Bildschirms aber nicht am Ende der Seite. Wenn also die Seite länger als Bildschirmgröße ist, rutsch der Hintergrund nicht nach unten.
SelfHTML hilft da leider auch nicht weiter...

Danke trotzdem Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 33
Geschlecht: Männlich
Verfasst Di 28.02.2006 17:51
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.alistapart.com/d/footers/

Das sollte sein, was du suchst:
http://www.alistapart.com/d/footers/footer_css3.html

Viel Erfolg!


Zuletzt bearbeitet von seal am Di 28.02.2006 17:52, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m0rb
Threadersteller

Dabei seit: 30.09.2004
Ort: Fürth
Alter: 31
Geschlecht: Männlich
Verfasst Mi 01.03.2006 16:46
Titel

Antworten mit Zitat Zum Seitenanfang

Super seal, die Seite hat mir sehr sehr weitergeholfen! Jetzt läufts wie es sollte.

Muchas gracias Mädchen!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 33
Geschlecht: Männlich
Verfasst Mi 01.03.2006 17:23
Titel

Antworten mit Zitat Zum Seitenanfang

Immer gerne *hehe*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Marleen

Dabei seit: 22.09.2006
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Fr 22.09.2006 09:00
Titel

Antworten mit Zitat Zum Seitenanfang

Bin fast verrückt geworden bei der Suche nach einer Lösung für das Footer-Problem m IE - sehr nachträglich vielen Dank für den Link in diesem Thread *Thumbs up!*
  View user's profile Private Nachricht senden
Popkultur

Dabei seit: 08.05.2006
Ort: bei Stuttgart
Alter: -
Geschlecht: Männlich
Verfasst Fr 22.09.2006 14:45
Titel

Antworten mit Zitat Zum Seitenanfang

ohne Hacks und Scripts gibts das offenbar nicht *Schnief*
  View user's profile Private Nachricht senden
 
Ähnliche Themen Div am unteren Rand
Webseite am unteren Rand ausrichten?
[CSS] Anfänger - Kriege rechtsbündig keinen Rand (Bild)
CSS: Position am unteren Seitenrand nur bei wenig Content
Weisser Rand in CSS
[CSS] Problem mit linkem Rand
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.