[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-bugs-dist
Subject:    [Bug 231376] New: css vertical-align doesn't work with xhtml1.1 dtd
From:       Matthew Millar <mattmill30 () hotmail ! com>
Date:       2010-03-20 1:42:36
Message-ID: bug-231376-17878 () http ! bugs ! kde ! org/
[Download RAW message or body]

https://bugs.kde.org/show_bug.cgi?id=231376

           Summary: css vertical-align doesn't work with xhtml1.1 dtd
           Product: konqueror
           Version: unspecified
          Platform: Ubuntu Packages
        OS/Version: Linux
            Status: UNCONFIRMED
          Severity: normal
          Priority: NOR
         Component: general
        AssignedTo: konq-bugs@kde.org
        ReportedBy: mattmill30@hotmail.com


Version:           4.4.1 (using KDE 4.4.1)
OS:                Linux
Installed from:    Ubuntu Packages

Hi,

I've noticed that if a page is programmed with the xhtml11 dtd, the
vertical-align css attribute doesn't work on inline elements other than text.


I was following the tutorial below, under the section "Using line-height (and
vertical-align)":

http://www.student.oulu.fi/~laurirai/www/css/middle/


If I revert back to the xhtml1.0 strict dtd, the tutorial works fine, its only
with the xhtml11 dtd that the bug occurs.

The bug doesn't appear to effect text, but may effect more than just images
(untested):


XHTML1.1 DTD:

Text: - Works with xhtml1.1 dtd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>
        <style type="text/css">
        div {line-height: 20em; background-color: black;}
        p {vertical-align:middle; color: #FFF}
        </style>
    </head>
    <body>
        <div>
        <p>Here is text</p>
        </div>
    </body>
</html>

Image: - Doesn't work with xhtml1.1 dtd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>
        <style type="text/css">
        div {line-height: 20em; background-color: black;}
        img {vertical-align:middle;}
        </style>
    </head>
    <body>
        <div>
        <img src="/image.png" />
        </div>
    </body>
</html>


XHTML1.0 Strict DTD:

Text: - Works with xhtml1.0 strict dtd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <style type="text/css">
        div {line-height: 20em; background-color: black;}
        p {vertical-align:middle; color: #FFF}
        </style>
    </head>
    <body>
        <div>
        <p>Here is text</p>
        </div>
    </body>
</html>

Image: - Works with xhtml1.0 strict dtd:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <style type="text/css">
        div {line-height: 20em; background-color: black;}
        img {vertical-align:middle;}
        </style>
    </head>
    <body>
        <div>
        <img src="/image.png" />
        </div>
    </body>
</html>

Please email me if you have any questions, I'm not the best at explaining
myself.

Thanks,

Matthew Millar

-- 
Configure bugmail: https://bugs.kde.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are watching all bug changes.
[prev in list] [next in list] [prev in thread] [next in thread]

Configure | About | News | Add a list | Sponsored by KoreLogic