Matthias Scharwies: Layout mit flex-box

Beitrag lesen

Servus!

Ich weiß nicht warum, aber flex-basis:auto; sorgt bei den Absätzen in main dafür, dass nav und main mehr als die ihnen zugewiesene Breite benötigen.

Mit:

	main
	{
		flex: 4 1 0;
	}
	
	nav
	{
		flex: 1 1 0;
	}

oder auch nur:

	main
	{
		flex: 4;
	}
	
	nav
	{
		flex: 1;
	}

geht's.

Matthias Scharwies

0 45

Layout mit flex-box

var
  • css
  • design/layout
  1. 0
    Matthias Scharwies
    1. 0
      var
      1. 0
        Matthias Scharwies
  2. 0
    Gunnar Bittersmann
    1. 1
      Gunnar Bittersmann
      1. 0
        Gunnar Bittersmann
        1. 0
          juli
          • browser
          • css
          • design/layout
          1. 0
            Matthias Scharwies
            1. 0

              Layout mit flex-box, zeig doch mal bitte vollständig

              juli
              • browser
              • css
              • zu diesem forum
              1. 0
                Gunnar Bittersmann
                1. 0

                  URI oder URL

                  dedlfix
                  • internet
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                    2. 0
                      Matthias Apsel
      2. 0
        juni
        1. 0
          Matthias Scharwies
    2. 0
      var
      1. 0
        Matthias Apsel
        1. 0
          var
          1. 0
            Matthias Apsel
          2. 0
            Gunnar Bittersmann
            • zu diesem forum
            1. 0
              var
      2. 0
        Gunnar Bittersmann
        • css
        • html
        1. 0
          var
      3. 0

        "flex-basis: auto" war der Übeltäter!

        var
        1. 0
          Matthias Scharwies
          1. 0
            var
            1. 0
              Tabellenkalk
            2. 1
              Matthias Apsel
              1. 0
                var
              2. 0

                Conditional Comment sinnlos

                var
                1. 0
                  Matthias Scharwies
                  1. 0
                    Matthias Scharwies
                    1. 0
                      var
                      1. 0
                        Gunnar Bittersmann
                        • browser
                        • css
                2. 1
                  Gunnar Bittersmann
                  • barrierefreiheit
                  • css
                  • html
                  1. 0
                    Gunnar Bittersmann
                    • barrierefreiheit
                    • html
                    1. 0
                      var
                      1. -2
                        MrMurphy1
                        1. 0
                          Gunnar Bittersmann
                          • css
                          • html
                          1. 0
                            Matthias Apsel
            3. 0
              Matthias Scharwies
          2. 0
            Gunnar Bittersmann