Stahl Florian: Mindestbreite und Höhe

Hallo an alle,

hab etz nochmal 2 Fragen:
             1. Wenn ich min-width: eingebe, dann wird es im FF korrekt angezeigt aber im IE ja nicht weil er das nich tkann. Gibt es dafür einen Ausweichbefehl oder ne andere Möglichkeit?

2. Wenn ich ein DIV mit Höhe 1px haben will, dann wirds im FF angezeigt, im IE aber als Einzeiler und nicht als 1 px, kann mir da vll. jemand helfen?

Danke.

Mit freundlichen Grüssen
------------------------
Stahl Florian
------------------------

--
Das Leben ist hart, aber wir sind härter
  1. hi,

    1. Wenn ich min-width: eingebe, dann wird es im FF korrekt angezeigt aber im IE ja nicht weil er das nich tkann. Gibt es dafür einen Ausweichbefehl oder ne andere Möglichkeit?

    Wenn du keine width, sondern ausschließlich eine Mindestbreite angeben willst, kannst du einem darinliegenden Elemente eine entsprechende Breite geben, so dass es notfalls die Breite des Containers "aufbläht".

    1. Wenn ich ein DIV mit Höhe 1px haben will, dann wirds im FF angezeigt, im IE aber als Einzeiler und nicht als 1 px, kann mir da vll. jemand helfen?

    Ja, weil der IE meint, es müsste noch Text drin dargestellt werden können. Also entweder font-size nullen, oder overflow:hidden angeben.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo an alle,

      Wenn du keine width, sondern ausschließlich eine Mindestbreite angeben willst, kannst du einem darinliegenden Elemente eine entsprechende Breite geben, so dass es notfalls die Breite des Containers "aufbläht".

      Da hakts. Es is ja nur Text drin. Wie soll ich das machen? Kann dir da net sooo ganz folgen...

      Ja, weil der IE meint, es müsste noch Text drin dargestellt werden können. Also entweder font-size nullen, oder overflow:hidden angeben.

      Danke. Klappt mit overflow: hidden perfekt.

      Mit freundlichen Grüssen
      ------------------------
      Stahl Florian
      ------------------------

      --
      Das Leben ist hart, aber wir sind härter
      1. hi,

        Wenn du keine width, sondern ausschließlich eine Mindestbreite angeben willst, kannst du einem darinliegenden Elemente eine entsprechende Breite geben, so dass es notfalls die Breite des Containers "aufbläht".

        Da hakts. Es is ja nur Text drin. Wie soll ich das machen? Kann dir da net sooo ganz folgen...

        Dann setze notfalls als Workaround ein Element mit fester Breite mit rein - muss ja nicht sichtbar sein bzw. keinen Inhalt haben.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Hallo wahsaga,

          Dann setze notfalls als Workaround ein Element mit fester Breite mit rein - muss ja nicht sichtbar sein bzw. keinen Inhalt haben.

          Aber dann hat es ja eine feste breite, es soll aber 90% vom Platz einnehmen, aber mindestens 900px breit sein.

          Mit freundlichen Grüssen
          ------------------------
          Stahl Florian
          ------------------------

          --
          Das Leben ist hart, aber wir sind härter
      2. Hallo Florian!

        Wenn du keine width, sondern ausschließlich eine Mindestbreite angeben willst, kannst du einem darinliegenden Elemente eine entsprechende Breite geben, so dass es notfalls die Breite des Containers "aufbläht".
        Da hakts. Es is ja nur Text drin. Wie soll ich das machen? Kann dir da net sooo ganz folgen...

        Du könntest das auch viel einfacher machen. Du könntest statt der unnötigen div ein h5 oder h6 nehmen (der Text ist ja im Prinzip eine Überschrift) und diesem statt dem div für eine Linie ein border-bottom verpassen. Also etwa so, wie ich dir das schon vorgeschlagen habe. Könntest du, musst aber nicht. ;-)

        Beste Grüsse
        Richard

        1. Hallo an alle,

          Du könntest das auch viel einfacher machen. Du könntest statt der unnötigen div ein h5 oder h6 nehmen (der Text ist ja im Prinzip eine Überschrift) und diesem statt dem div für eine Linie ein border-bottom verpassen. Also etwa so, wie ich dir das schon vorgeschlagen habe. Könntest du, musst aber nicht. ;-)

          Es geht um das Div in der Mitte. Nicht um die Überschrift.

          Mit freundlichen Grüssen
          ------------------------
          Stahl Florian
          ------------------------

          --
          Das Leben ist hart, aber wir sind härter
          1. Hallo Florian!

            Es geht um das Div in der Mitte. Nicht um die Überschrift.

            Ich meine den Text in dem jetzt Home → News steht. Wenn du dafür ein hx (h6 / h5 - wenn du die hx davor schon für wichtigere Überschriften belegt hast) verwendest, kannst du die Linie darunter statt mit einem zusätzlichen <hr> oder <div> mit einem border-bottom erzeugen. Das Element füllt dann automatisch den freien Raum aus.

            Du würdest es dir vermutlich viel leichter machen, wenn du dich an dieser Vorlage orientieren würdest: http://de.selfhtml.org/css/layouts/anzeige/kopfundfuss.htm

            Beste Grüsse
            Richard

            1. Hallo Richard,

              Ich meine den Text in dem jetzt Home → News steht. Wenn du dafür ein hx (h6 / h5 - wenn du die hx davor schon für wichtigere Überschriften belegt hast) verwendest, kannst du die Linie darunter statt mit einem zusätzlichen <hr> oder <div> mit einem border-bottom erzeugen. Das Element füllt dann automatisch den freien Raum aus.

              Das funktioniert ja. Aber trotzdem Danke. Die Linie soll ja auch nicht bis rechts lang sein.

              Meine Bannergrafik ist 900px breit. Im FF geb ich für div.aussen {min-width: 900px} ein, aber im IE funktioniert dass nicht. Also wenn ich das Fenster verkleinere, dann wird das Div auch kleiner. Und das soll es nicht.

              Mit freundlichen Grüssen
              ------------------------
              Stahl Florian
              ------------------------

              --
              Das Leben ist hart, aber wir sind härter
              1. Hallo Florian!

                Das funktioniert ja. Aber trotzdem Danke. Die Linie soll ja auch nicht bis rechts lang sein.

                Im ie 6 funktioniert es überhaupt nicht und im FF sieht es mit der unpassenden Länge der Linie nicht schön aus.

                Meine Bannergrafik ist 900px breit. Im FF geb ich für div.aussen {min-width: 900px} ein, aber im IE funktioniert dass nicht. Also wenn ich das Fenster verkleinere, dann wird das Div auch kleiner. Und das soll es nicht.

                Mit anderen Worten, du willst ein starres Layout bauen. Dann musst du halt dem div eine feste Breite geben, die sich am Banner orientiert. Das min-width würde ja auch lediglich zu hässlichem Aussehen bei grösserem Viewport führen.

                Warum willst du nicht ein modernes, flüssiges Design erstellen?

                Mit besteh Grüssen
                Richard

                1. Hallo Richard,

                  Im ie 6 funktioniert es überhaupt nicht und im FF sieht es mit der unpassenden Länge der Linie nicht schön aus.

                  Ups. Hab die aktuelle Version noch nicht hochgeladen. Jetzt ist Sie online.

                  Mit anderen Worten, du willst ein starres Layout bauen. Dann musst du halt dem div eine feste Breite geben, die sich am Banner orientiert. Das min-width würde ja auch lediglich zu hässlichem Aussehen bei grösserem Viewport führen.

                  Warum hässlich? Es hat eine mindestbreite dass der Inhalt nicht kleiner wird als der Banner. Und wo wird der Banner ja auch grösser. Was ist daran hässlich?

                  Mit freundlichen Grüssen
                  ------------------------
                  Stahl Florian
                  ------------------------

                  --
                  Das Leben ist hart, aber wir sind härter
                  1. Hallo Florian!

                    Warum hässlich? Es hat eine mindestbreite dass der Inhalt nicht kleiner wird als der Banner. Und wo wird der Banner ja auch grösser. Was ist daran hässlich?

                    Ich habe mir das nun nochmal im grösseren Viewport angesehen. Du hast recht, das funktioniert und sieht ganz akzeptabel aus. Allerdings finde ich, dass da Aufwand und Nutzen in einem schlechten Verhältnis stehen. Die Verbreiterung über die 900 Pixel hinaus bringt nicht wirklich etwas, da kannst du ebensogut eine feste Breite von 900 Pixeln festlegen. Wichtiger wäre, dass du bei einem Viewport unter 1000 Pixel Breite ein flüssiges Layout bekommst. Dafür solltes du auf die 90% Breite verzichten, die Ränder sind da störend. Du solltest dich wirklich mal mit dem empfohlenen Layout beschäftigen, damit kämst du zu einer besseren Lösung. Du orientierst dich zu sehr an grafischen Details, wie dem Banner, und wirst dadurch in deinen Gestaltungsmöglichkeiten zu sehr eingeschränkt.

                    Beste Grüsse
                    Richard

                    1. Hallo Richard,

                      Ich habe mir das nun nochmal im grösseren Viewport angesehen. Du hast recht, das funktioniert und sieht ganz akzeptabel aus. Allerdings finde ich, dass da Aufwand und Nutzen in einem schlechten Verhältnis stehen. Die Verbreiterung über die 900 Pixel hinaus bringt nicht wirklich etwas, da kannst du ebensogut eine feste Breite von 900 Pixeln festlegen. Wichtiger wäre, dass du bei einem Viewport unter 1000 Pixel Breite ein flüssiges Layout bekommst. Dafür solltes du auf die 90% Breite verzichten, die Ränder sind da störend. Du solltest dich wirklich mal mit dem empfohlenen Layout beschäftigen, damit kämst du zu einer besseren Lösung. Du orientierst dich zu sehr an grafischen Details, wie dem Banner, und wirst dadurch in deinen Gestaltungsmöglichkeiten zu sehr eingeschränkt.

                      Naja, einen Banner in der Form möchte ich aber gerne haben. Und funktionieren muss es ja irgendwie. Warum und in Wie fern werde ich da denn eingeschränkt?

                      Ich bin auch nicht so kreativ dass mir jetzt von der Gestaltung so viel einfällt. Diese Seite ist auch schon die 4. Version und soll jetzt dann aber auch mal stehen.

                      Bis jetzt waren immer viele Anzeigefehler in den alten Versionen, weil ich mich noch nie so richtig damit beschäftigt habe dass auch wirklich in jedem Browser alles funktioniert.

                      Mit freundlichen Grüssen
                      ------------------------
                      Stahl Florian
                      ------------------------

                      --
                      Das Leben ist hart, aber wir sind härter