Firefox css-problem

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Horny LaBelle
    #1

    Firefox css-problem

    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

    Tags: None
    • Horny LaBelle
      #2
      Firefox css-problem (code)

      sorry, here comes the code:

      <html><head>
      <meta http-equiv="content-type" content="text/html;charset=ut f-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>

        Comment

        Previous template Next
        Working...