mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 20:37 Benutzername: Passwort: Auto-Login

Thema: Div an Seitenende ausrichten vom 20.01.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div an Seitenende ausrichten
Autor Nachricht
gerch2003
Threadersteller

Dabei seit: 07.07.2008
Ort: -
Alter: 63
Geschlecht: Männlich
Verfasst Di 20.01.2009 17:18
Titel

Div an Seitenende ausrichten

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich versuche schon seit ner Stunde ne DIV an Seitenende auszurichten. Bekomms aber nicht hin.

Also wie schon gesagt, ich habe eine DIV die an Seitenende ausgerichtet werden soll.
Habe es schon mit einigen Kniffen probiert, unter anderem auch schon mit z.B. bottom -1px oder sowas in der Art probiert, aber das richtet die DIV ja nur an Bildschirmende aus und bleibt in meinem fall bei einer Auflösung von 1200x800 bei ca. 750 (geschätzt) stehen. was ja aber so nicht sein soll.


Code:


<div>

<!-- Hier mal so rein proforma die besagte DIV angelegt. Steht bis jetzt noch nicht im Code drin-->

</div>



<!-- Das hier ist eine Ebene, die Hinter dem Hintergrund noch einen Schatten außerhalb des Contents anzeigt. -->

<div style="background-image:url(templates/sunflower/images/shadow.jpg); z-index:-99; position:absolute; left:50%; width:890px; margin-left:-445px; height: auto;">



<table class="main" align="center" width="755" border="0" cellpadding="0" cellspacing="0">

Inhalt der Seite, der hierfür ja aber Relativ uninteressant ist. Variiert aber zwischen 1000 und ca. 2500 px.

</table>



</div>




Wer jetzt immernoch nicht bescheid weis, einfach mal schreiben.


gruß


Zuletzt bearbeitet von gerch2003 am Di 20.01.2009 17:21, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 20.01.2009 17:28
Titel

Antworten mit Zitat Zum Seitenanfang

hallo sitzen deine DIV's in einem container/wrapper?
wenn dieser relativ positioniert ist und eine Höhe von 100% hat, kannst du es wie folgt lösen:

Code:

div#wrapper #footer {
   position:absolute;
   bottom:0;
}


sollte nicht schwer sein.

am besten zu zeigst mal dein CSS


[edit kash: verschoben von Programmierung]


Zuletzt bearbeitet von Kash am Di 20.01.2009 17:30, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 20.01.2009 17:48
Titel

Antworten mit Zitat Zum Seitenanfang

Wie genau soll es positioniert sein? Fixiert, immer am unteren Rand egal wieviel
Inhalt vorhanden ist?- oder immer am unterhalb des Inhaltes?- oder bei wenig
Inhalt am unteren Rand und bei mehr Inhalt unterhalb des Inhaltes?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 20.01.2009 17:56
Titel

Antworten mit Zitat Zum Seitenanfang

stimmt an fixed hatte ich nicht gedacht.... aber die Frage ist schon wichtig.

evtl ein onlinebsp wo es so realisiert worden ist wie du es dir vorstellst?
  View user's profile Private Nachricht senden
gerch2003
Threadersteller

Dabei seit: 07.07.2008
Ort: -
Alter: 63
Geschlecht: Männlich
Verfasst Di 20.01.2009 18:13
Titel

Antworten mit Zitat Zum Seitenanfang

Habe das Problem jetzt behoben Lächel


Code:

<div style="background-image:url(templates/sunflower/images/shadow.jpg); z-index:-99; position:absolute; left:50%; width:890px; margin-left:-445px; height: auto;">

<div style="background-image:url(templates/sunflower/images/flower.png); background-position:bottom; position:absolute; height:164px; width:299px; bottom:0px; left:50%; margin-left:-455px;"></div>

<table class="main" align="center" width="755" border="0" cellpadding="0" cellspacing="0">
...
</table>

</div>



Ich hatte diese Möglichkeit bis jetzt außer acht gelassen, da ich der Übergeordneten Ebene den z-index -99 zugewießen habe und dachte dass es mir die Blume dann Hinter dem Content anzeigt.
Habs dann aber jetzt trotzdem mal Probiert und es funktioniert trotzdem.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 20.01.2009 18:14
Titel

Antworten mit Zitat Zum Seitenanfang

ein Tipp:

Verwende kein Inline-CSS!!!
  View user's profile Private Nachricht senden
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht: Männlich
Verfasst Di 20.01.2009 20:53
Titel

Antworten mit Zitat Zum Seitenanfang

einmal erdgeschoss bitte
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] DIV ausrichten
div ausrichten
gruppen ausrichten?
fest an DIV ausrichten?
[CSS] <p> im <div> unten ausrichten
Bild ausrichten
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.