zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Dynamische Breite von inline-block-Divs

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.12.2013, 21:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.12.2013
Beiträge: 7
Change befindet sich auf einem aufstrebenden Ast
Frage Dynamische Breite von inline-block-Divs

Hallo,

ich habe folgende Struktur:
Edit fiddle - JSFiddle

Und zwar ist der Parent-Container "cont" mit einer fixen Breite versehen.
Die Child-Divs "step" haben auch eine feste Breite.
Nun sollen die Child-Divs "space" den zwischenraum ausfüllen, jedoch immer die selbe Breite beinhalten.
Sodass wenn mehrere "step"s inzukommen die Breite von jedem "space" kleiner wird.

width: auto; bringt mir leider eine Breite von 0 und prozentuale Angaben sind auch nicht dynamisch sondern wirken nur auf eine dynamische Breite vom Parent-Div welches jedoch in meiner Situation eine fixe Breite hat.

Hat da jemand einen Lösungsansatz?

Vielen Dank im Voraus.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.12.2013, 14:32
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Soll denn etwas im Zwischenraum drinstehen oder ist das nur eine Hintergrundfarbe?
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.12.2013, 14:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.12.2013
Beiträge: 7
Change befindet sich auf einem aufstrebenden Ast
Standard

Macht das einen Unterschied?
Geplant ist bisher lediglich eine Hintergrund-Definierung.
Kann aber später auch Content hinzukommen.

Hast du eine Idee?
Mit Zitat antworten
  #4 (permalink)  
Alt 16.12.2013, 14:56
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Change Beitrag anzeigen
Macht das einen Unterschied?
Ja, denn wenn du nur eine gleichmäßige Verteilung haben willst, dann kannst es so machen Edit fiddle - JSFiddle und dem .cont einen entsprechenden Hintergrund geben.
Mit Zitat antworten
  #5 (permalink)  
Alt 16.12.2013, 14:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.12.2013
Beiträge: 7
Change befindet sich auf einem aufstrebenden Ast
Standard

Sieht schonmal garnicht schlecht aus,
jedoch brauche ich die space Klasse, da dort grafisch noch anders gearbeitet wird.
Bekommt man das noch hin?

Danke ersteinmal für den super Anfang
Mit Zitat antworten
  #6 (permalink)  
Alt 16.12.2013, 15:20
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Das wird wohl ohne JS nix: http://jsfiddle.net/Djq5r/3/
Mit Zitat antworten
  #7 (permalink)  
Alt 16.12.2013, 15:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.12.2013
Beiträge: 7
Change befindet sich auf einem aufstrebenden Ast
Standard

hm hm hm ...
Wollte eigentlich auf JS verzichten was das angeht.
Kenne die automatische Zeilenaufteilung von Tabellen und dachte das könne man mit CSS irgendwie nachstellen.

Danke erstmal für die JS Version
Mit Zitat antworten
  #8 (permalink)  
Alt 16.12.2013, 16:17
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Du kannst die Ausgabe erst in PHP berechnen lassen und dann ausgeben, dann brauchst du kein Javascript.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #9 (permalink)  
Alt 16.12.2013, 17:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.12.2013
Beiträge: 7
Change befindet sich auf einem aufstrebenden Ast
Standard

Das stimmt, dann müsste ich die Breite nur Hardcoded einfügen, ist zwar nicht so mein Favorit aber aufjedenfall ein Lösungsansatz.

Danke dafür
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
display block und inline vertauscht marli CSS 5 18.05.2012 13:16
Breite einer inneren div größer als des äußeren divs Bauchnabel CSS 3 09.04.2012 17:09
CSS - CMS - lange Menus Balken/BG oben? shinobi CSS 3 13.10.2011 22:12
2 Spalten - dynamische Breite Zeussi CSS 1 20.08.2009 12:29
div als inline Hintergrund auch bei block Elementen css7545 CSS 2 22.06.2009 23:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:29 Uhr.