vertical-align not honoured?

  • Here with Vivaldi and Debian/Sid "top" and "bottom" are both displayed "middle".

    <style type="text/css">
    .oben    { vertical-align:top; background-color:#CCCCCC; }
    .mittig  { vertical-align:middle; background-color:#DDDDDD; }
    .unten   { vertical-align:bottom; background-color:#EEEEEE; }
    </head><body bgcolor="#FFFFFF" text="#000000">
    <table border="1"><tr>
    <td height="200" class="oben"><b>Text oben</b></td>
    <td height="200" class="mittig"><b>Text mittig</b></td>
    <td height="200" class="unten"><b>Text unten</b></td>


  • @michaa7

    1. this is 2017 not 1997, stop using attributes that we've been told for 20 years to stop using and officially no longer exist... like bgcolor, text, border...

    2. add a doctype. Yes, even Blink and Webkit have quirks rendering to make them behave more like IE 5.

    DOCTYPE is NOT optional. Just adding <!DOCTYPE html> before your <html> tag fixes it. This IS in fact the CORRECT behavior as HTML 3.2 doesn't obey vertical-align on TD, you'd have to use the equally deprecated align attribute.

    So... the problem's not Vivalidi, it's your invalid and twenty year out of date code. You write pre HTML 3.2 code and mix in modern stuff 4 tranny style, don't be surprised when it doesn't work as expected in a modern browser.

  • Moderator

    With no Doctype you force the rendering to a older mode.
    Thats why the CSS "fails".

    From 2001! The Humbold University Berlin was not awakened from its Dornröschenschlaf.
    I hope my 💏 helps 🤣

    :Vielleicht nicht das Uralt-Ding der schnarchigen Informatik-Fakultät nehmen.
    Da ist das aktuelle:
    Und das geht in Vivaldi!


Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.