mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 20:44 Benutzername: Passwort: Auto-Login

Thema: DIV verweigert 100% Höhe vom 11.09.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIV verweigert 100% Höhe
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
smiley.sturmwind
Threadersteller

Dabei seit: 11.09.2008
Ort: Darmstadt
Alter: 47
Geschlecht: Männlich
Verfasst Do 11.09.2008 14:57
Titel

DIV verweigert 100% Höhe

Antworten mit Zitat Zum Seitenanfang

Ich weiss nicht mehr weiter. Kann mir jemand einen Tipp geben?

Beispielseite unter http://www.codes4wii.de/page.html zu finden.

Eigentlich möchte ich
1) das der blau/cyanfarben Balken am oberen Rand sitzt 96 px hoch ist (das klappt).
2) der text im blauen div unten bündig ist.
3) das der lila Balken am unteren Rand sitzt 24 px hoch ist und der Text vertikal zentriert ist.
4) der graue Bereich (SEITE MITTE) den Rest der Höhe füllt, die beiden ockerfaerbenen DIV links und rechts davon natürlich auch.

Wenn der Inhalt zu gross wird, soll sich der graue Bereich (SEITE MITTE) ausdehnen und wenn nötig den lila Balken auch nach unten verschieben, so das man ihn nicht mehr sieht.

Und das ganze ohne Tabellen.

Ich habe inzwischen soviele Versionen, auch aus anderen Threads in diesem Forum durchforstet, aber keine Lösung gefunden.

Danke für eure Hilfe.
Smiley Lächel


Zuletzt bearbeitet von smiley.sturmwind am Do 11.09.2008 14:57, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 11.09.2008 15:06
Titel

Antworten mit Zitat Zum Seitenanfang

Ich will:

- für solche Arbeiten eigentl bezahlt werden
- das Eigeninitiative GROSS geschrieben wird
- ich will ich will ich will......

*ha ha*

stichpunkte suche:
- sticky footer, fauxc columns
  View user's profile Private Nachricht senden
Anzeige
Anzeige
smiley.sturmwind
Threadersteller

Dabei seit: 11.09.2008
Ort: Darmstadt
Alter: 47
Geschlecht: Männlich
Verfasst Do 11.09.2008 15:17
Titel

Antworten mit Zitat Zum Seitenanfang

Bin auch für Eigeninitiative suche jetzt seit 2 Tagen nach der Lösung und habe sehr sehr viel versucht ich kann auch gerne alle Varianten posten. Im Kern sind es zwei Fragen:

1) Warum ist der graue Bereich nur soch hoch wie der Inhalt, wo doch eigentlich 100% de Elternelements definiert sind.
2) Was muß ich tun um Text in einem DIV Layer am untern Rand zu plazieren? Sollte nicht eigentlich bei fester Höhe ein vertical-align:bottom ausreichen?

Smiley Lächel
  View user's profile Private Nachricht senden
accessoire

Dabei seit: 05.02.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Do 11.09.2008 15:22
Titel

Antworten mit Zitat Zum Seitenanfang

Bezüglich dem Text im blauen div unten bündig: Meines Wissens nach kann man Elementen deine display-Art zuweisen, die einer Tabelle entspricht. Also "display:column" oder so. Dann müsste vertical-align glaube ich funktionieren.

Auch noch ne Quelle für vertikale Zentrierung (meiner Meinung nach die Beste/verständlichste): http://d-graff.de/fricca/center.html
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Do 11.09.2008 15:23
Titel

Antworten mit Zitat Zum Seitenanfang

wenn deine eigeninitative so groß ist, dann schau doch mal da:
Ähnliche Themen nennt sich das und steht unter deinem Thread
|
|
|
V
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 11.09.2008 15:28
Titel

Antworten mit Zitat Zum Seitenanfang

smiley.sturmwind hat geschrieben:

1) Warum ist der graue Bereich nur soch hoch wie der Inhalt, wo doch eigentlich 100% de Elternelements definiert sind.


das eltern-element ist site, und ich sehe dort ein height: auto.... *Huch*

smiley.sturmwind hat geschrieben:

2) Was muß ich tun um Text in einem DIV Layer am untern Rand zu plazieren? Sollte nicht eigentlich bei fester Höhe ein vertical-align:bottom ausreichen?


position: absolute; bottom: 0px; sind nur stichworte.... aber hilfreiche *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
smiley.sturmwind
Threadersteller

Dabei seit: 11.09.2008
Ort: Darmstadt
Alter: 47
Geschlecht: Männlich
Verfasst Do 11.09.2008 15:42
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo choise,

was da unten steht habe ich alles ausprobiert, ohne ergebnis ... deswegen poste ich ja!

Smiley
  View user's profile Private Nachricht senden
smiley.sturmwind
Threadersteller

Dabei seit: 11.09.2008
Ort: Darmstadt
Alter: 47
Geschlecht: Männlich
Verfasst Do 11.09.2008 15:56
Titel

Antworten mit Zitat Zum Seitenanfang

Danke pixelpapst303,

das Problem Text unten in blauer Box ist jetzt gelöst. * huduwudu! * Danke!
Siehe http://www.codes4wii.de/page1.html

Außerdem habe ich height: auto !important; in div site auskommentiert. Sieht schon ziemlich gut aus, bis auf ein Kleinigkeit DIV#site ist jetzt tatsächlich immer 100% des Browserfenster auch und damit auch die Lininen rechts und links und wenn der Inhalt jetzt größer wird (bitte scrollen) dann fehlen unten diese Lininen. Hast du dafür auch noch einen genialen Tipp?

Danke
Smiley Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen youtube API verweigert zugriff
Dreamweaver verweigert die seriennummer
Photoshop CC verweigert Umlaute
FileZilla verweigert Dienst: Problemlösung
XAMPP > zugriff bzw. schreiben verweigert ?
pflege verweigert und nachträglich cms angeboten
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4  Weiter
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.