Ausrichten am unteren Rand (bottom)

Stümper · 09.02.2005, 08:51

Hallo,

ich habe ein Frage: wie kriege ich es hin, dass der unterste Layer (des unterste div Tag im Code) einen Abstand von 30px zum unteren Browserrand einhaelt? Ich weiss vorher nicht, wie hoch er wird. bottom: 30px geht nicht.

Wie muss ich das loesen? Ich bin CSS Neuling.

Code:

<html>
    <head>
        <title>Testground</title>
    </head>
    <body style = 'background-image: url(bg.png); 
    background-repeat: repeat'>
        <div style = 'position: absolute; top: 100px; left: 25px'>
             <div style = 'position: absolute; top: 0px; left: 0px'><a href =   
             ''><img src = 'Link1.png'/></a></div>
             <div style = 'position: absolute; top: 80px; left: 0px'><a href =  
             ''><img src = 'Link2.png'/></a></div>
             <div style = 'position: absolute; top: 163px; left: 0px'><a href  
             = ''><img src = 'Link3.png'/></a></div>
             <div style = 'position: absolute; top: 257px; left: 0px'><a href 
            = 'http://www.schoolyard.ch'><img src = 'Link4.png'/></a></ 
            div>
        </div>
        <div style = 'position: absolute; top: 130px; left: 210px; width: 400px; background-image: url(bg2.png); background-repeat: repeat'>
            <div style = 'color: yellow; font-family: Courier; text-align: justify;  margin-top: 15px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px'>Hallo! Ich bin ein v&ouml;llig unsinniger Text, der nur ein wenig Platz ausf&uuml;llen soll. </div>
            </div>
        </div>
    </body>
</html>

09.02.2005, 09:34

Absolut positionieren.

Stümper · 09.02.2005, 09:38

Der unterste Layer ist doch aber bereits absolut positioniert. Die Webseite hört mit dem untersten Layer auf.

09.02.2005, 09:48

Zitat:

Zitat von Saraneus

Absolut positionieren.

... UND "bottom" verwenden.

imported_Ben · 09.02.2005, 09:55

sollte nicht auch margin-bottom:30px; funktionieren?

btw:
schrecklicher code ;P

Stümper · 09.02.2005, 10:04

Leider nutzt alles nichts. Ich habe die Vermutung, dass er als Refernz für Bottom den unteren Rand des Links Layers nimmt, weil dieser eine feste Höhe und eine feste Breite hat. Der layer mit Text ist ja in der Höhe flexibel, d.h. er passt sich der Länge des Texts an.

@Ben: Wenn du am Code schrecklich findest, dass er 1) keinen Doctype, 2) keine html oder xhtml Angabe im Html Tag und 3) kein zentrales Stylesheet aufweist, stimme ich dir zu. Das kommt noch. Hat es sonst noch Fehler? Ich möchte gerne validen Code schreiben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] div ausrichten ohne offset	Mikay Kun	HTML, Usability und Barrierefreiheit	5	16.07.2008 08:09
CSS: buttons linksbündig ausrichten	flflfl	HTML, Usability und Barrierefreiheit	1	30.09.2006 13:08
Problem mit DIV -Bild soll am unteren Ende der Seite bleiben	scheibo	HTML, Usability und Barrierefreiheit	16	12.01.2006 16:54
div unten ausrichten	zwerg	HTML, Usability und Barrierefreiheit	10	25.11.2005 16:43
element am unteren rand positionieren	AliceD	HTML, Usability und Barrierefreiheit	1	07.09.2005 08:40
Tabelle vertikal ausrichten	dethlef14	HTML, Usability und Barrierefreiheit	14	23.08.2005 13:32
Text am unteren Seitenrand ausrichten	mristau2k5	HTML, Usability und Barrierefreiheit	7	22.07.2005 13:35
DIV'S ausrichten		HTML, Usability und Barrierefreiheit	7	20.07.2005 16:52
Hintergrund sich am unteren Rand fixieren?		HTML, Usability und Barrierefreiheit	2	15.04.2005 23:25
text ausrichten mit css	flyingeagle	HTML, Usability und Barrierefreiheit	3	24.03.2005 17:55
[Erledigt] unten rechts ausrichten lassen		HTML, Usability und Barrierefreiheit	2	19.02.2005 22:34
Tabelle in Tabelle ausrichten		HTML, Usability und Barrierefreiheit	7	03.01.2005 14:32
ausrichten was css betrifft		HTML, Usability und Barrierefreiheit	15	12.11.2004 11:06
Button ausrichten		PHP Tipps 2004	6	24.08.2004 18:58
[Erledigt] Probleme beim ausrichten von Textarea & Button		HTML, Usability und Barrierefreiheit	2	27.07.2004 14:17


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.02.2005, 09:38
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	Ist bereits absolut positioniert. Der unterste Layer ist doch aber bereits absolut positioniert. Die Webseite hört mit dem untersten Layer auf.

09.02.2005, 09:55
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	sollte nicht auch margin-bottom:30px; funktionieren? btw: schrecklicher code ;P __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

09.02.2005, 10:04
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	Leider nutzt alles nichts. Ich habe die Vermutung, dass er als Refernz für Bottom den unteren Rand des Links Layers nimmt, weil dieser eine feste Höhe und eine feste Breite hat. Der layer mit Text ist ja in der Höhe flexibel, d.h. er passt sich der Länge des Texts an. @Ben: Wenn du am Code schrecklich findest, dass er 1) keinen Doctype, 2) keine html oder xhtml Angabe im Html Tag und 3) kein zentrales Stylesheet aufweist, stimme ich dir zu. Das kommt noch. Hat es sonst noch Fehler? Ich möchte gerne validen Code schreiben.