268126 - XHTML 1.1 not rendered correctly

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Mugros]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041103 Firefox/1.0RC2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041103 Firefox/1.0RC2

The given page has several rendering errors. The webpage validates perfectly as
XHTML 1.1 and the CSS is correct also.
IE 6.0 renders the page fine.
In FF the content is not centered, the box in the middle is a bit off and the
menu links don't work.
I don't know if the IE rendering is perfect, but it makes sense to me.

Reproducible: Always
Steps to Reproduce:
1. load it in IE
2. load it in FF
3. compare

Actual Results:  
rendering in FF is broken

Expected Results:  
rendering should be fine

Comment 1

[Bill Mason]

<div class="site-align">
.site-align
{
	text-align: center;
	vertical-align: middle;
}

You can't align blocks of content that way.  text-align is for aligning inline text.

I haven't looked at the rest of the issues.

Comment 2

[Boris Zbarsky [:bzbarsky]]

> the box in the middle is a bit off 

This is correct.  The box is positioned 111px from the top of its parent, but
the images are floated, hence start below the menu floats (about 25px below the
top of the parent of the images).  If you set "clear" on the parent div of all
that stuff, the images will line up with the positioned heading.

IE has a number of well-known bugs with sizing of boxes all of whose children
are positioned or floated, as here.

> the menu links don't work.

Those work fine for me in a current trunk build.

Marking invalid, since the issues reported are only issues because the site is
written to IE bugs.