power-box.de
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 24.10.2005, 22:53   #1
TP-Veteran
 
Benutzerbild von Nicolas
 
Registriert seit: Nov 2004
Ort: nähe Nürnberg
Nicolas hilft, wo's gehtNicolas hilft, wo's gehtNicolas hilft, wo's geht

Höhe eines divs über den ganzen Bildschirm


Hi, ich bin gerade dabei, das Design welches ich vor kurzem im Lab vorgestellt hatte, umzusetzen.
Ich habe folgendes Problem: ich möchte, dass eine Ebene, die gesamte Höhe des Bildschirms abdeckt. Aber irgendwie will das noch nicht ganz so, wie ich will . Vielleicht kann mir ja jemand helfen. Der Content-Bereich soll bis zum Ende des Bildschirms reichen...
Die Seite ist hier zu begutachten.
__________________
Nicolas ist offline   Mit Zitat antworten


Alt 24.10.2005, 23:41   #2
TP-Moderator
 
Benutzerbild von Nightline
 
Registriert seit: Jan 2003
Ort: Wien
Nightline ist ein richtiges Arbeitstier - DANKENightline ist ein richtiges Arbeitstier - DANKENightline ist ein richtiges Arbeitstier - DANKENightline ist ein richtiges Arbeitstier - DANKENightline ist ein richtiges Arbeitstier - DANKE
Gib zuerst HTML und BODY eine Höhe von 100%, dann dem DIV auch:

HTML-Code:
html, body {
height: 100%;
}

#deindiv {
height: 100%;
}
__________________
+lg Nightline
-------------------------
Fotos von Reisen und Veranstaltungen: http://www.coeser.de/ontour
Fotoportfolio: http://www.coeser.de/showcase/
DeviantArt-Account: http://nightline.deviantart.com
Nightline ist offline   Mit Zitat antworten
Alt 25.10.2005, 02:25   #3
TP-Senior
 
Benutzerbild von wuslon
 
Registriert seit: Sep 2005
Ort: Hamburg
wuslon ist auf einem guten Weg
Hi Nicolas,

bei soetwas kann Dir auch immer schnell die Web Developer Toolbar für den FF weiterhelfen.....
__________________
"Das Wissen der Menschheit gehört der ganzen Welt!"

<!-- open source -->

wuslon ist offline   Mit Zitat antworten
Alt 25.10.2005, 16:58   #4
TP-Veteran
 
Benutzerbild von Nicolas
 
Registriert seit: Nov 2004
Ort: nähe Nürnberg
Nicolas hilft, wo's gehtNicolas hilft, wo's gehtNicolas hilft, wo's geht
Thumbs up

Danke für die Antworten!
Super, scheint zu funzen!
__________________
Nicolas ist offline   Mit Zitat antworten
Alt 28.10.2005, 16:31   #5
TP-Veteran
 
Benutzerbild von Nicolas
 
Registriert seit: Nov 2004
Ort: nähe Nürnberg
Nicolas hilft, wo's gehtNicolas hilft, wo's gehtNicolas hilft, wo's geht
So, und nochmal eine Frage:
Wie stell ich ein, dass wenn der Content-Inhalt größer als die Höhe der Auflösung ist, sich das Div automatisch noch verlängert?
Bin über Antworten dankbar!
mfg,
Nico
__________________
Nicolas ist offline   Mit Zitat antworten
Alt 28.10.2005, 16:37   #6
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von Nicolas
So, und nochmal eine Frage:
Wie stell ich ein, dass wenn der Content-Inhalt größer als die Höhe der Auflösung ist, sich das Div automatisch noch verlängert?
Bin über Antworten dankbar!
Im IE müsste sich der COntainer eigentlich bei der Angabe verlängern, wenn mehr Inhalt da ist
Bei den guten Browsern, nimm einfach min-height
Dem IE definierst du dann das height per Hack
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 28.10.2005, 18:17   #7
TP-Veteran
 
Benutzerbild von Nicolas
 
Registriert seit: Nov 2004
Ort: nähe Nürnberg
Nicolas hilft, wo's gehtNicolas hilft, wo's gehtNicolas hilft, wo's geht
thx!
__________________
Nicolas ist offline   Mit Zitat antworten
Alt 15.06.2006, 13:08   #8
TP-Veteran
 
Benutzerbild von Nicolas
 
Registriert seit: Nov 2004
Ort: nähe Nürnberg
Nicolas hilft, wo's gehtNicolas hilft, wo's gehtNicolas hilft, wo's geht
Hi,
habe jetzt für eine andere Website nochmal eine ähnliche Frage.
Und zwar habe ich folgende Div Konstellation:
HTML-Code:
<div id="1">
<div id="2"><!--hier kommt dann der Inhalt des Divs--></div>
</div>
Div 2 soll sich nun über die gesamte Länge von Div 1 erstrecken.
Ich habe es versucht, indem ich Div2 die Höhe 100% gegeben habe.
HTML-Code:
#1{
background-image:url(images/side.jpg);
background-repeat:repeat-y;
width:170px;
height:100%;
float:right;
position:relative;
right:32px;
}
Aber irgendwie will das nicht funktionieren. Kann mir da jemand helfen?

Grüße,
Nico
__________________
Nicolas ist offline   Mit Zitat antworten
Alt 16.06.2006, 11:19   #9
TP-Veteran
 
Benutzerbild von Nicolas
 
Registriert seit: Nov 2004
Ort: nähe Nürnberg
Nicolas hilft, wo's gehtNicolas hilft, wo's gehtNicolas hilft, wo's geht
*push*

Weiß niemand eine Antwort?
__________________
Nicolas ist offline   Mit Zitat antworten
Alt 16.06.2006, 11:56   #10
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Hi
wozu soll das denn gut sein mit den 2 Divs? Dann könnte man schauen, wie man das anders/einfacher lösen könnte
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 16.06.2006, 18:10   #11
isa
TP-Senior
 
Benutzerbild von isa
 
Registriert seit: Jun 2004
Ort: Göppingen
isa macht alles soweit korrekt
das Problem hatte ich auch.
Hab es dann mit Faux Columns gelöst: http://www.alistapart.com/articles/fauxcolumns
__________________
if ( $ahnung == 'keine' ) { lies ( FAQ ) && suche ( Doku | Suche ) }
if ( $antwort == 0 ) { post->frage }

Geändert von isa (16.06.2006 um 18:38 Uhr).
isa ist offline   Mit Zitat antworten
Alt 16.06.2006, 18:40   #12
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von isa
das Problem hatte ich auch.
Hab es dann mit Faux Columns gelöst: http://www.alistapart.com/articles/fauxcolumns
Ach, jetzt hab ich den Post von Nicolas erst richtig gelesen :P
vlt. noch was auf deutsch
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 16.06.2006, 18:43   #13
isa
TP-Senior
 
Benutzerbild von isa
 
Registriert seit: Jun 2004
Ort: Göppingen
isa macht alles soweit korrekt
um es zu verfollständigen, mein obiger Link auch nochmal in deutsch: http://alistapart.byteshift.de/fauxcolumns
__________________
if ( $ahnung == 'keine' ) { lies ( FAQ ) && suche ( Doku | Suche ) }
if ( $antwort == 0 ) { post->frage }
isa ist offline   Mit Zitat antworten
Alt 16.06.2006, 20:14   #14
TP-Veteran
 
Benutzerbild von Nicolas
 
Registriert seit: Nov 2004
Ort: nähe Nürnberg
Nicolas hilft, wo's gehtNicolas hilft, wo's gehtNicolas hilft, wo's geht
Vielen Dank für den Tip. Da wäre ich alleine nicht draufgekommen!
Dankeschön.
__________________
Nicolas ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Höhe eines divs über den ganzen Bildschirm Höhe eines divs über den ganzen Bildschirm
« Hintergrundbild im Layer | max-height für IE »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:03 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67