|
|||
Zur weiteren Erklärung, warum das jetzt anders ist... ich habe den oberen Teil (Navigation und den Teil mit den runden Buttons) auf ein Flexbox-Layout umgestellt. Das ist von sich aus beinahe zu 100% responsive und passt sich, wenn man auf absolute Größenangaben verzichtet, automatisch an die Bildschirmgröße an.
Ok... da sind noch px Angaben drin, aber die sagen nur, das Element darf nicht größer werden als... aber kleiner darf es. Schau dir an, was Flexbox alles kann... https://css-tricks.com/snippets/css/a-guide-to-flexbox/ |
Sponsored Links |
|
|||
Geld verdienen mit meinem Hobby... neee. Solange es mir Spaß macht, ist das 'Ausgleich' genug.
Mit justify-content: space-between; erreichst du, dass du am linken Rand ein Item hast und am rechten Rand ein Item... alle Anderen sortieren sich dazwischen mit jeweils gleich großen Abständen. |
|
|||
Naja, finde ich auf jeden Fall nicht selbstverständlich von dir dass du dir soviel Zeit nimmst für mich <3! Ich hab jetzt übrigens auch (dank dir) den Fehler gefunden, warum der mobile Browser nicht auf die CSS Datei reagiert. Scheinbar ist er allergisch auf den Dateinamen style.css, denn wenn ich sie, wie bei dir in zB test.css umbenenne klappt alles. Wenn du nochmal kurz auf die Seite gehst, siehst du dass justify-content nichts bewirkt. Ein Blick mit Google Chrome und dem Inspektor zeigt, dass die div "navigation" breit genug ist, muss also an diesem Befehl liegen.
|
|
|||
Das könnte auch daran liegen, dass ich ein paar Dinge korrigiert habe in der text .css... hmmm....css ist Groß- Kleinschreib sensibel ... #overhead ist nicht gleich #Overhead !
Was willst du im id #navigation erreichen? Ein links... ein rechts... einen in der Mitte? Das sollte mit justify-content: space-between; allerdings klappen - zumindest in meiner Simulation im FF tut es das. Sieht aber nicht so doll aus ... versuche es mal mit justify-content: space-evenly; Musst du aber beachten, dass das nicht von allen Browsern unterstützt wird. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Seite in Seite | B3ndech0 | Javascript & Ajax | 12 | 06.01.2010 14:42 |
Wordpress Seite Passwort-Schützen? | sepp88 | Serveradministration und serverseitige Scripte | 5 | 01.11.2009 13:56 |
Seite wird auf anderem Computer falsch dargestellt | Patrick Egli | CSS | 3 | 01.11.2009 11:40 |
Shtml auf jeder Seite einbinden - counter | iVx | Serveradministration und serverseitige Scripte | 1 | 13.09.2007 18:31 |
Fixer Header (CSS Frame) und Sprung zu Anker auf dieser Seite | Chico_wau | CSS | 2 | 14.05.2007 19:08 |