[haiku-development] Re: CSS issue in userguide/welcome page

-------- Original-Nachricht --------
> Datum: Fri, 05 Dec 2008 17:03:29 +0100
> Von: Humdinger <humdingerb@xxxxxxxxxxxxxx>
> An: Haiku Development ML <haiku-development@xxxxxxxxxxxxx>
> Betreff: [haiku-development] CSS issue in userguide/welcome page

> Hi there,
> 
> has anyone noticed that our userguide and welcome page doesn't render
> perfectly in MS 
> Internet Explorer. I only have IE7 at work so I can't check things at
> home. I only just 
> noticed that IE renders a page's title always floating inside the text at
> the bottom of 
> the window. I'm quite ignorant in CSS issues, but this is the relevant
> part of the 
> welcome.css file:
> 
> div.title {
>       position: absolute;
>       bottom: 11px;
>       right: 0px;
>       text-align: right;
>       margin-right: 40px;
>       font-size: 1.2em;
> }
> 
> If we say "position: relative;" instead, IE, too, renders the title on
> top. Unfortunately, 
> now the topnav bar slides down a few pixels to make room for the title.
> Maybe this isn't 
> the right fix...
> 
> Also, IE doesn't seem to recognize the increased space in front of headers
> (h1,h2,h3).
> 
> 
> Does anyone know how to fix these issues?

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. 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...


Best regards,
-Stephan

Other related posts: