Vollständige Version anzeigen : Div 100% Höhe unahängig vom Inhalt


MasterJulian
22.02.2014, 17:24

Bevor das Bashing losgeht:
Meine Letzte Website ist locker 8 Jahre her, von CSS/JS und modernem Webdesign (so ohne iframes) habe ich 0 Ahnung. Ich habe gegoogelt und die Forenthreads gelesen aber es funktioniert einfach nicht :angry:.

Ich möchte eine Kleine Seite basteln. Grundlage ist dieses Tab Layout: Pure Javascript Tabs with HTML 5 and CSS3 (;;;my-html-codes~com/javascript-tabs-html-5-css3)
Die Höhe des "tabscontent" Divs ist jedoch abhängig vom Content. Jetzt möchte ich jedoch, dass dieses immer 100% groß ist. Wenn ich dem div eine fixe Höhe (z;B. 100px) gebe funktioniert das. Mit 100% jedoch nicht.
Für die erfahrenen Leute hier sich kein Problem.

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
Murdoc
22.02.2014, 20:18

height:100% richtet sich an das übergeordnete Element (bis rauf zu <html> welches sich letztendlich an den viewport richtet)

Mit aktuellen Mitteln (CSS3) lässt sich sowas z;b. auch komplett ohne JavaScript umsetzen:
Tabs (ohne JavaScript) (;putc~me/etc/rr/height/#tab1)


elf4
23.02.2014, 16:40

Und was machst du mit den Overflow Murdoc?


MasterJulian
23.02.2014, 17:25

Vielen Dank Murdoc. Ich musste das css etwas anpassen da Opera 12 noch kein calc() kennt.
Gibt es eine Möglichkeit ein Tab beim ersten Aufruf auszuwählen?


Murdoc
23.02.2014, 17:54

Und was machst du mit den Overflow Murdoc?

Machst halt ein overflow:auto rein, wo ist das Problem? :D

Vielen Dank Murdoc. Ich musste das css etwas anpassen da Opera 12 noch kein calc() kennt.
Gibt es eine Möglichkeit ein Tab beim ersten Aufruf auszuwählen?


Jein, da musst du mit JavaScript nachhelfen (alles andere wäre Quatsch).
Einfach nach ` window;location;hash = '#tab1'; ` navigieren wenn nichts anderes angegeben wurde.

Aber mein Beispiel ist weit weg von "gut", das ist nur eine Demo wie man es auch lösen könnte.


MasterJulian
23.02.2014, 18:11

Alles klar. Ob gut oder nicht ist in dem Fall egal da es sich nur eine kleine interne Page für ein paar Personen handelt. Solange das halbwegs so aussieht wie ich will reicht mir das ;)


Ähnliche Themen zu Div 100% Höhe unahängig vom Inhalt
  • Inhalt von .cue's
    Das wichtigste steht in der ersten Zeile weil das ist die Angabe wo die Bin Datei liegt also das eigentliche Image ich denke mal Du hast Dein Image einfach umbenannt desshalb meckert Nero weil Nero findet die Datei net Also mal gucken wie die Datei heißt die *****;bin und die in der ersten Zeile ge [...]

  • DVD Inhalt
    Hi Wie kann ich den zb um den Überblick bei meinen DVD's zu gewährleisten, den Inhalt jeder DVD so speichern, dass ich sie durchsuchen kann ohne die DVD einzulegen? Für jede gute Antwort gibts nen 10er! nireo [...]

  • Durch hohe Nachfrage und begrenztes Angebot - Auch 2006 hohe Strompreise
    Link: (;de;news;yahoo~com/07012006/3/diesem-jahr-entwarnung-strompreisen;html) Wie der Chefredakteur des Energie-Informationsdienstes EID, Rainer Wiek, mitteilte, werden auch 2006 die Strompreise hoch bleiben. Weiter sagte er, dass kaum neue Kraftwerke gebaut werden, obwohl die hohe Nachfrage auf e [...]

  • [CSS] IE6 Div ohne Inhalt aber höhe mit background
    Hiho, mein Problem ist, das der IE6 bei mir 2 DIV Cointainer komplett killt... Ich habe 2 Stück die einfach nur eine Hintergrundfarbe haben oder ebend ein Hintergrundbild. Beide haben eine festgelegt höhe einmal 2px einmal 12px... der IE6 ignoriert diese aber gekonnt und ich habe ein, naja ic [...]



raid-rush.ws | Imprint & Contact pr