mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:38 Benutzername: Passwort: Auto-Login

Thema: 12 Column Grid Fluid vom 30.12.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 12 Column Grid Fluid
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
IIJQKAII
Threadersteller

Dabei seit: 30.12.2014
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 30.12.2014 18:13
Titel

12 Column Grid Fluid

Antworten mit Zitat Zum Seitenanfang

Guten Tag,

was ist die bewährteste Methode um 12 Columns (fluid) in allen Browsern richtig darzustellen? Weil es ja lange prozent Zahlen sind bei width und zum Beispiel 100/3 nicht auf geht. Kann man auch width: calc(100/3); statt prozent verwenden?

Desweiteren habe ich vor allem in Safari auf der rechten Seite pixel lücken von 1-6 px. Geht also nicht bis zum Rand.

Habe alle column aufgelistet in meinem quellcode, erste Zeile 12x col-1, zweite Zeile 6x col-2 und so weiter.

Gibts da Lösungsansätze aus der realen Arbeitswelt?
  View user's profile Private Nachricht senden
flavio

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Mi 31.12.2014 17:21
Titel

Antworten mit Zitat Zum Seitenanfang

hast du es schon mal mit längeren Nachkommastellen versucht?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
IIJQKAII
Threadersteller

Dabei seit: 30.12.2014
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 09.02.2015 11:49
Titel

Antworten mit Zitat Zum Seitenanfang

Ja habe ich, ich hab jedoch noch bei keiner Webseite diesbezüglich so vielen Zahlen nach dem Komma gesehen bzw. überhaupt Zahlen mit Komma.

Gibt es da nicht bessere angewandte Techniken heutzutage die tag täglich in der Arbeitswelt umgesetzt werden?
  View user's profile Private Nachricht senden
gotoAndPlay

Dabei seit: 22.11.2006
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Mo 09.02.2015 14:16
Titel

Antworten mit Zitat Zum Seitenanfang

Warum greifst du nicht auf ein gängies Grid System zurück?

Zum Beispiel auf Foundation:

http://foundation.zurb.com/docs/components/grid.html

Oder auf Bootstrap:

http://getbootstrap.com/examples/grid/
  View user's profile Private Nachricht senden
IIJQKAII
Threadersteller

Dabei seit: 30.12.2014
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 09.02.2015 14:18
Titel

Antworten mit Zitat Zum Seitenanfang

gotoAndPlay hat geschrieben:
Warum greifst du nicht auf ein gängies Grid System zurück?

Zum Beispiel auf Foundation:

http://foundation.zurb.com/docs/components/grid.html

Oder auf Bootstrap:

http://getbootstrap.com/examples/grid/


Mag sein das dies überwiegend gemacht wird. Hab ich aber noch nie in einer Agentur gesehen oder von Programmierern empfohlen bekommen. Außerdem bin ich daran Interessiert das Programmieren solcher Sachen selbstständig zu machen/können/lernen.
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst Mo 09.02.2015 14:30
Titel

Antworten mit Zitat Zum Seitenanfang

IIJQKAII hat geschrieben:
gotoAndPlay hat geschrieben:
Warum greifst du nicht auf ein gängies Grid System zurück?

Zum Beispiel auf Foundation:

http://foundation.zurb.com/docs/components/grid.html

Oder auf Bootstrap:

http://getbootstrap.com/examples/grid/


Mag sein das dies überwiegend gemacht wird. Hab ich aber noch nie in einer Agentur gesehen oder von Programmierern empfohlen bekommen. Außerdem bin ich daran Interessiert das Programmieren solcher Sachen selbstständig zu machen/können/lernen.


Dann mach die Augen auf.
Ich empfehle Dir beides. Damit wäre der Punkt auch erledigt *zwinker*

Wenn Du sowas selbst machen willst, nimm Dir foundation und/oder Bootstrap und schau nach welche Lösungen dort gewählt und wie diese umgesetzt wurden. Der Quelltext ist voll einsehbar und in einigen Fällen finden sich auch Diskussionen zu bestimmten Lösungen in den Issue-Trackern der Projekte. Wenn Du verstanden hast wie es dort funktioniert, kannst Du das Rad neu erfinden. Wenn es aber schon am Verständnis scheitert, ist selber machen vll. etwas überambitioniert.
  View user's profile Private Nachricht senden
IIJQKAII
Threadersteller

Dabei seit: 30.12.2014
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 09.02.2015 14:37
Titel

Antworten mit Zitat Zum Seitenanfang

Also führen mal wie immer mehrere Wege nach Rom. Jeder macht es anders. Was bringt es mir etwas zu lernen, wenn es dann letztendlich in der Agentur völlig anders gemacht wird von dem ich keine ahnung habe? Soll man dann Sagen, ne kann ich nicht hab es nur auf die weise gelernt. Versteht mich nicht falsch, irgendwo muss ja eine Grundlage da sein.
  View user's profile Private Nachricht senden
flavio

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Mo 09.02.2015 19:11
Titel

Antworten mit Zitat Zum Seitenanfang

besser ist alles zu können, grundlagen und anschließend css-framework. das machst du schon richtig.

zeig doch mal das defekte layout.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] two column, fluid, centered max-width.
Unknown column 'Homepage' in 'field list'
Grid-Rechner gesucht
Grid Extensions für Photoshop
Illustrator: Align to pixel grid
Welche Größe und welches Grid System für Layout iOS App
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.