[haiku-development] Re: CSS issue in userguide/welcome page
- From: "Braden Ewing" <brewin@xxxxxxxxx>
- To: haiku-development@xxxxxxxxxxxxx
- Date: Sat, 6 Dec 2008 12:31:18 -0600
On Sat, Dec 6, 2008 at 9:33 AM, Humdinger <humdingerb@xxxxxxxxxxxxxx> wrote:
> Stephan Assmus wrote:
>
>> I am still catching up with e-mails, in case no one else already replied,
>> I think this
>> issue may be fixable by declaring another document type in the HTML
>> header.
>>
>
> I got a mail from koki who suggested a special IE-fixes.css. Also quite
> involved...
> Anyway, koki sends his best holiday and new year wishes. :)
>
> At least
>> this is how I got another project to render the same across all browsers.
>> This is the
>> type I used:
>>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html
>> xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en"> [...]
>>
>> It does mean you need to change quite a few tags, because <img ... > for
>> example is not
>> valid XML, <img ... /> is. And so on...
>>
>
> Thanks, I'll have a look. I should be able to access a Windows PC some time
> this weekend...
>
> If anyone got an easier solution, preferably a tiny change in our
> welcome.css... speak up. :)
>
>
> Regards,
> Humdinger
>
> --
> --=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=-=--=--
> Deutsche Haiku News @ http://haiku-gazette.blogspot.com
>
>
When you specify the bottom, that tells it to render a certain number of
pixels above the bottom of the window. I'm not sure why Firefox put it at
the top. Here are the fixes:
div.title {
position: absolute;
top: 60px;
right: 40px;
font-size: 1.2em;
}
h2 {
font-size: 1.2em;
font-weight: normal;
color: #0c3762;
border-bottom: dotted thin #e0e0e0;
margin-top: 50px;
}
h3 {
font-size: 1.1em;
font-weight: normal;
color: #222;
margin-top: 30px;
}
And remove these lines:
/* Add a space before the next header */
* + h2 {
margin-top: 50px;
}
* + h3 {
margin-top: 30px;
}
That should do it.
Cheers,
Braden
Other related posts:
