Demo

Give it a try
and play around
with ClanSphere
Demo


Answers: 18
Page [1]
sgraewe ClanSphere Team

Supporter
Supporter




Posts: 6116
# Thread - 2011-12-17 at 1:23 AM
Hi, bräuchte mal Vorschläge oder Denkanstöße.

Also es geht um Folgendes,
ich habe 3 Container, die alle 3 gleich gross sein sollen,
also automatisch mitwachsen sollen, wenn einer der anderen die höhe ändert.

Den einzigen Ansatz den ich gefunden habe ist folgender:
margin-bottom:-99999px;padding-bottom:99999px !important

Was auch funktioniert, allerdings fehlt mir da der Befehl um das ganze wieder aufzuheben,
da ich ja kaum eine Seite möchte, die 99999 Pixel hoch ist

Wäre nett wenn jemand da eine Idee oder sogar Lösung zu hätte
Inactive
Deaktiviert

Supporter
Supporter



Posts: 1287
# Answer: 1 - 2011-12-17 at 2:17 AM
Ist mir keine Lösung bekannt, muss ich dir sagen. Wirst auf eine Javascript Lösung zurückgreifen müssen, meines wissens nach.

Gruß,
Daniel.


Inactive
|
sgraewe ClanSphere Team
Thread author

Supporter
Supporter




Posts: 6116
# Answer: 2 - 2011-12-17 at 4:01 AM
nope, habs vor ca. 30min hinbekommen das ganze per css zulösen


Inactive
|
SCHIRI ClanSphere Team


Weltmeister



Location: Hamburg
Posts: 5299
# Answer: 3 - 2011-12-17 at 7:06 AM
und wie?


------------------
www.laszlokorte.de

Inactive
|
Tress13


Highlander




Location: Lüdenscheid
Posts: 3048
# Answer: 4 - 2011-12-17 at 8:21 AM
Ja wie ? Sind die Container übereinander, nebeneinander oder per Klick wechselbar ?


------------------


www.iv-gaming.de | www.iv-artwork.de

Inactive
|
sgraewe ClanSphere Team
Thread author

Supporter
Supporter




Posts: 6116
# Answer: 5 - 2011-12-17 at 11:42 AM
Aso sry, war gestern nen wenig spät, da denk ich nich mehr soweit

In meinem Fall handelt sich um 3 Container die gefloatet sind,
also nebeneinander.

das ganze ist nun so aufgebaut:

wrapper
1. Container -float left
2. Container - float left
3. Container - float right
ende wrapper

Den 3 Container habe ich nun die schon oben stehenden Werte gegeben, also:
margin-bottom:-99999px;padding-bottom:99999px !important


Und dem wrapper ganz einfach
overflow: hidden;


Es wird nun also über den Wrapper gesteuert und der wächst halt mit dem grössten Container und die anderen dann halt mit
Hoffe das ich das einigermassen erklärt bekommen habe, sonst kann ich nachher gerne noch nen Beispiel Code hochladen.


Last edit by equaL ClanSphere Team at 2011-12-17 at 11:51 AM (1x Edited)
Inactive
|
Tress13


Highlander




Location: Lüdenscheid
Posts: 3048
# Answer: 6 - 2011-12-17 at 2:41 PM
Vom Aufbau her, ist das fast wie bei meinen Templates.
Ich verstehe nur nicht, warum du folgendes mit eingebaut hast:

 
1.
2.
3.
1. / 2. / ... 
 
margin
-bottom:-99999px;padding-bottom:99999px !important 


Konnte man da nicht irgendwie mit height:100% oder so arbeiten ?


------------------


www.iv-gaming.de | www.iv-artwork.de

Inactive
|
sgraewe ClanSphere Team
Thread author

Supporter
Supporter




Posts: 6116
# Answer: 7 - 2011-12-17 at 2:54 PM
Das sorgt für die Höhe der einzelnen Container,
ne height: 100%; klappt bei sowas nicht


Inactive
|
Deaktiviert

Supporter
Supporter



Posts: 1287
# Answer: 8 - 2011-12-17 at 3:53 PM
Hm, okay, das ist absolut logisch. Gut gelöst! Wird mir bei diversen Projekten aufjednefall weiterhelfen.


Inactive
|
Tress13


Highlander




Location: Lüdenscheid
Posts: 3048
# Answer: 9 - 2011-12-17 at 6:09 PM
Achso OK.
Dann wohl clever gelöst.



------------------


www.iv-gaming.de | www.iv-artwork.de

Inactive
|
SCHIRI ClanSphere Team


Weltmeister



Location: Hamburg
Posts: 5299
# Answer: 10 - 2011-12-17 at 7:55 PM
hm ok... warum sollen die denn gleich hoch sein? Wenn es nur darum geht, dass der background bis nach unten geht, wäre es eigentlich besser dem wrapper den background zu geben.

Auch wenn das jetzt gut funktioniert, würde ich es nicht als besonders gute Lösung ansehen, weil es wahrscheinlich nicht mehr funktioniert wenn eine der Spalten länger wird, als 100000px (auch wenn das eher nicht vorkommen wird.

Ich hatte schon gehofft, du hättest ein wirklich gute saubere Lösung gefunden


------------------
www.laszlokorte.de

Inactive
|
sgraewe ClanSphere Team
Thread author

Supporter
Supporter




Posts: 6116
# Answer: 11 - 2011-12-17 at 8:14 PM
Naja man kann die Zahl ja beliebig erweitern, also falls es notwendig wäre.

Ich möchte das ganze aber ohne Bilder bewerkstelligen,
also fällt die Darstellung per wrapper weg


Inactive
|
Deaktiviert

Supporter
Supporter



Posts: 1287
# Answer: 12 - 2011-12-17 at 9:04 PM
Es gibt leider diverse Sachen, wo man nicht immer eine schöne Lösung findet. Leider kommt man nicht immer drum rum, es gibt ja z.B. IE Hacks nicht ohne Grund. Ich finde daher, den Code nicht unsauber, suboptimla vllt. Allerdings sonst wäre lediglich JS möglich (soweit ich weiß) und diese Lösung ist definitiv nicht schöner.

Gruß,
Daniel


Inactive
|
rL^z


Try to beat me




Location: Niedersachsen
Posts: 117
# Answer: 13 - 2012-01-03 at 8:08 AM
Ich find die Lösung echt lustig, aber irgendwie fehlt mir grad noch die Logik xD

Die drei Container beziehen sich auf den Wrapper und dieser schneidet zu Große Inhalte durch das Overflow ab, ok.
Die Container sind gefloatet und haben einen unteren Abstand von - 99999px (unendlich xD) und einen unteren Innenabstand von 99999?

Wo bleibt denn dort der Text?! Oder sind dies nur reine Positionierungs-Container mit bg-color?

Das ist sau confused xD Aber wenn es klappt, coole Sache Hab es nämlich vorher auch immer nur per JS gelöst, in dem ich die drei Größen der Container verglichen und an die größste Höhe angepasst habe.


------------------
Liebe Grüße rL^z

Last edit by rL^z at 2012-01-03 at 8:08 AM (1x Edited)
Inactive
|
sgraewe ClanSphere Team
Thread author

Supporter
Supporter




Posts: 6116
# Answer: 14 - 2012-01-03 at 10:25 AM
Das bezieht sich doch beides auf den bottom,
der text steht also ganz normal am anfang des containers


Inactive
|
rL^z


Try to beat me




Location: Niedersachsen
Posts: 117
# Answer: 15 - 2012-01-04 at 3:17 PM
Ahhhhh, durch die Minuswerte vom Margin erzwinge ich ja irgendwie einen "sog" von unten, das macht Sinn. Dieser beträgt im "theoretischen" Sinne -999* Pixel - Damit der Text aber logischweise nicht Irgendwo im Nirgendwo in den Tiefen des Monitors verschwindet, hebe ich diesen mit dem Padding wieder nach oben.... Echt geiles Ding - wie bist du darauf gekommen?!?!

Das ist ja irgendwie schon wie ein Bug lol , funzt das auch bei dem IE?

Lg


------------------
Liebe Grüße rL^z

Inactive
|
sgraewe ClanSphere Team
Thread author

Supporter
Supporter




Posts: 6116
# Answer: 16 - 2012-01-04 at 3:21 PM
Stundenlanges gegoogle und ausprobieren ^^

Hab halt immer nur jscript-lösungen oder halt mit hintergrund bildern gefunden,
was ich aber beides nicht nutzen wollte.


Inactive
|
rL^z


Try to beat me




Location: Niedersachsen
Posts: 117
# Answer: 17 - 2012-01-04 at 3:26 PM
Aber genau da stellt sich mir ja die Frage.

Padding nimmt nur Einfluss auf Texte, nicht aber auf Grafiken.

Wenn ich nun eine Grafiken als BG mit einbinde und die repeate, dann kostet das glaube ich enorm viel Ladezeit oder?

Ich denke aus diesem Grund eignen sich die Container wirklich nur als Grundlage für gewisse Inhaltebereiche oder? (Left, Right und Content)


Delete this Brainfuck xD Der Kram hängt ja im Wrapper


------------------
Liebe Grüße rL^z

Last edit by rL^z at 2012-01-04 at 3:27 PM (1x Edited)
Inactive
|
sgraewe ClanSphere Team
Thread author

Supporter
Supporter




Posts: 6116
# Answer: 18 - 2012-01-04 at 3:29 PM
ja, wenn man eh mit Hintergrundbildern arbeiten möchte lohnt sich die variante nicht.


Inactive
|
Answers: 18
Page [1]


You must be registered.