Frage an die CSS-Freaks

Ibu400 · #1 (**permalink**) 05.07.2013, 15:04

ich komm im Moment irgendwie nicht weiter.

Supersized - Full Screen Background Slideshow jQuery Plugin

Ich möchte das das Div #content einen Abstand nach oben top: 40 und bottem: 100px hat - funktioniert auch soweit.
Gleichzeitig möcht eich aber wenn der Inhalt länger wird und man scrollen muss das über den Scrollbereich oben und unten 20 Pixel Platz ist damit das beim Scrollen nicht so abgehackt ist. Und dann soll es sich noch dem Inhalt anpassen - also bei weniger Inhalt dann so aussehen:

Supersized - Full Screen Background Slideshow jQuery Plugin

Ich hoffe es ist klar was ich machen möchte?

Danke & Grüße

explanator · #2 (**permalink**) 05.07.2013, 15:41

Und was ist deine Frage?

Ibu400 · #3 (**permalink**) 05.07.2013, 15:53

wie ich das anstelle

ich bekomme den Abstand oben und unten nicht hin unter Berücksichtigung der anderen Punkte

explanator · #4 (**permalink**) 06.07.2013, 09:05

Ich weiss auch nicht was das Sinnvolle an deinem Vorgehen sein soll.
Lass die Inhalte normal mitwachsen. Fixiere, wenn du willst, den Footer unten auf der Seite und wenn die Inhalte zu gross sind wird eben eine Scrollleiste eingeblendet.
Wenn du den Abstand nach oben bei kleinem Viewport verändern willst, kannst du das über Mediaqueries bewerkstelligen.

Ibu400 · #5 (**permalink**) 17.07.2013, 14:16

Problem ist wenn ich den Footer unten fixiere und den Inhalt wachsen lasse dann steht irgendwann Inhalt hinter Footer und das sieht meiner Meinung nach einfach doof aus - daher ja auch der Abstand von bottom so das der Inhalt nicht über oder hinter dem Footer liegt

manya · #6 (**permalink**) 18.07.2013, 18:28

Zitat:

Zitat von Ibu400

Ich möchte das das Div #content einen Abstand nach oben top: 40 und bottem: 100px hat - funktioniert auch soweit.
Gleichzeitig möcht eich aber wenn der Inhalt länger wird und man scrollen muss das über den Scrollbereich oben und unten 20 Pixel Platz ist damit das beim Scrollen nicht so abgehackt ist.

Hallo,

Vorschlag:

Code:

#content {
  position:absolute;
  left:270px; 
  top:40px; 
  bottom:100px; 
  width:500px; 
  color:#fff; 
  background-color: rgba(0, 0, 0, 0.7);
  display:none;
  border: 5px dashed red;
  padding-bottom: 44px;
}



#inhalt_de {
   border-left:10px solid #efc600;
   border: 3px dotted yellow;
   position: absolute;  
   top: 22px;  
   bottom: 22px;  
   overflow: auto;
   padding:20px;
}

Gruß,
Manya

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
eine noob frage zu css	xors3d	CSS	2	07.03.2009 20:20
Frage zu css	xXNemesisXx	CSS	12	02.10.2007 09:12
Css aufbau frage bei einer Seite!	xero	CSS	1	13.07.2007 17:52
CSS Tips & Tricks	Webnauts	Ressourcen	0	25.08.2006 23:04
Frage zur Schreibweise in CSS	Anonymous	CSS	20	31.08.2004 23:10