Firefox css-problem

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Horny LaBelle - 28 Nov 2006 15:11 GMT

The following style sheet for creating drop caps works fine in Safari,
Opera, Omniweb and Explorer, the drop caps extend over 3 lines. Only in
Firefox it doesn't look as it should, they extend over nearly 4 lines
(under Mac OS X). With Firefox under Windows, they extend over 3 lines
but are shifted too high.
Any idea/solution?
Thanks

Reply to this Message

Horny LaBelle - 28 Nov 2006 15:16 GMT

sorry, here comes the code:

<html><head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>test</title>
<style type="text/css">
body { color: black; font-size: 90%; font-family: verdana, sans-serif;
line-height: 130%; }
#main p:first-letter { color: gray; font-size: 420%; font-family:
georgia, times, serif; font-weight: bold; line-height: 90%;
background-color: #e6e6e6; text-transform: uppercase; float: left;
margin-right: 0.05em; }
p { clear: left; }
#main { width: 90%; left: 5%; }
</style>
</head><body>
        <div id="main">
            <p>Mangu nasili Mbula-Matadi mpinu bo asanga atati miu tuke yayaka
mwa mapela. Mwa elimo mpe njutu koba muntaka bitu wana ngai bobete,
nakatana na Lokolele mbi taleme ngai atati batombi mokia.</p>
            <p>Ibe, nayaka bokoto bo biu bo bitu taleme tata miu nakamosangela
bokoli mokia mpe okeli tukende Lotoba.</p>
        </div>
    </body></html>

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / November 2006

Firefox css-problem