zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div am unteren Rand pos. => Bei kleineren Monitoren überlappt div nach oben!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.05.2009, 12:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.02.2007
Beiträge: 95
RollingStones befindet sich auf einem aufstrebenden Ast
Standard div am unteren Rand pos. => Bei kleineren Monitoren überlappt div nach oben!

Hi,

folgende Seite:
Stolpersteine Hnfeld

die seite besteht aus zwei frames. es geht hierbei um den linken frame. dort befindet sich das menü.

ZUM GEDENKEN AN

UNSERE NACHBARN,

DIE KEINE GRÄBER HABEN.

diese passage unten links sieht im quelltext folgendermaßen aus:

Code:
<div style="font-weight:bold; color:#CCCCCC; position:absolute; bottom:2em;">ZUM GEDENKEN AN<br /><br />UNSERE NACHBARN,<br /><br />DIE KEINE GRÄBER HABEN.</div>
der schriftblock soll also mit einem abstand von 2em am unteren bildschirmrand erscheinen. wird soweit alles korrekt dargestellt.

ein problem tritt jetzt nur auf, wenn die seite mit kleineren monitoren dargestellt werden muss, bspw. mit einem laptop. dann überlappt dieser textblock nämlich nach oben in das menü hinein. und das möchte ich verhindern. d.h. einfach einen kleinen abstand (2em zB) dazwischen machen für diesen fall.

wie kann ich das realisieren?

grüße
RS
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.05.2009, 10:28
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.02.2007
Beiträge: 95
RollingStones befindet sich auf einem aufstrebenden Ast
Standard

*push*
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.05.2009, 11:59
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Du kannst im linken Frame einen Footer-Stick-Alt benutzen. Betrachte die "Zum Gedenken ..." als Footer.
body, html erhalten 100% height. Das Menü eine Min-height von 100%. Der Footer eine fixe height (z.B. in Em), position:relative und einen margin-top: -(eigene Höhe.)
Bitte bei Footer-Stick-Alt nachlesen.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
  #4 (permalink)  
Alt 30.05.2009, 12:02
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Die Technik sieht besser aus, wenn du auf Frames verzichtest. Auf Laptops mit den touchpads als Mausersatz kann man all diese Scrollbars ohnehin kaum benutzen, ohne sich die Kuppen abzureiben, vom 90er-Look and Feel ganz zu schweigen. Das soll jetzt aber keine Diskussion über Frames werden, denn selbst diese Diskussion ist hoffnungslos veraltet.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Antwort


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
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 22:48
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 13:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:27 Uhr.