Robert Bienert: Interpretiert Safari prozentuale Breitenangaben anders?

Beitrag lesen

Moin!

Das Ganze sieht laut "Browsercam" in allen modernen Browsern gut aus - bis auf Safari & Konqueror. Die rechnen die Breiten-Prozentangabe des mittleren floating-divs offenbar nach Abzug der beiden äußeren divs (die auch beide floaten.)

Mein Augenmaß bestätigt dies: Die 60% in der Breite der folgenden CSS-Deklaration bezieht der Safari auf den insgesamt für <div id="newest"> zur Verfügung stehenden Platz. Du möchtest aber, dass dieser Bereich 60% des Bildschirms einnimmt, wie mir mein Camino zeigt.

#newest { margin: 10px 0 0 0;

text-align: justify;
          background: #fff;
          overflow: hidden;
          font-size: 13px;
          line-height: 130%;
          width: 60%;
          float: left;
}

  

> Ist das ein bekanntes Phänomen?  
  
Mir ist es gerade eben aufgefallen und ich finde dies schon ein wenig merkwürdig.  
  

> Kennt jemand Abhilfe?  
  
Ich hätte einen Workaround anzubieten, da deine beiden Container rechts und links feste Breiten haben: Verzichte auf die Angabe `width: 60%`{:.language-css}, dann sollte der mittlere Bereich die komplette Mitte ausfüllen. Den Abstand nach beiden Seiten kannst du dann mit  
  
~~~css
margin-left: 3%;  
margin-right: 3%

festlegen.

Hier ist der Link zu der Seite:
http://www.wortwerkstatt.at/dagbok/index.php/dagbok/index2/

Du kannst auch richtige Links setzen, siehe </hilfe/bedienung.htm#verweise-einbinden>, was ich für dich hier mal getan habe.

Viele Grüße,
Robert