PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Chrome, table-cell Form



BlueJay
24-04-2016, 13:28
Hallo Leute,

ich versuche, eine Linkliste in einer Zeile darzustellen mit display:table-cell. Das funktioniert so weit in allen Browsern.
Nun der Knackpunkt: Schiebt man irgendwo auf der Webseite ein Formular ein, meint Chrome (49.0.2623.112, 50.0.2661.87), aus dem table-cell ein display:block machen zu müssen!

Link:
http://gamecraft.de/java/tools/astrorobbi/dl.htm
und
http://gamecraft.de/java/tools/astrorobbi/my_style.css

Versuch 1: Einbau eines vertical-align:top; im CSS brachte nur 1x Erfolg, bei 2.Aufruf war alles wieder beim alten.
Versuch 2: Nachträgliche Formatierung mit display:inline brachte keine Besserung.

Der Bug ist seit 2014 bekannt, gibt es da mittlerweile einen Workaround?

Gruß, BlueJay

BlueJay
24-04-2016, 14:46
vorläufiger Workaround:



.interne_ll a { display:table-cell; margin:1% padding:2%; width:80px; white-space:nowrap; vertical-align:top;
background-color: #cc9; border:2px solid #666; color:#000;
text-align:center; font-weight:bold; text-decoration:none;

Chrome hatte sich glatt an der Größenangabe % die Zähne ausgebissen! Padding und margin wurden schlankweg ignoriert, die Breite dann wahrscheinlich auch!
Leute, das kann es doch nicht sein!