[Gimp-web] Re: rendering problems

[Branko Collin]

On 6 Sep 2003, at 14:13, Branko Collin <collin@xs4all.nl> wrote:

> The new site lay-out has severe rendering problems on IE for 
> Macintosh. I ran the code through a validator and got several errors,
> so I'll try and fix these first before I file a bug report.
> 
> Since most Mac users still use the once great Internet Explorer for
> Mac, I would suggest this to be a blocker. 
[...] 
 
> Actually, I now see that the entire page renders badly in Opera 
> Win/5, though not as bad as the Mac IE 5s (5.1 for OS 9, 5.2 for OS
> X). Where on the Macs, the content area gets shifted to the right,
> outside the viewport, in Opera it gets shoved under the menu.

(Since it takes ages for my e-mail to get to list, I am cc'ing this 
to you directly, Raphael.)

Here are some suggestions that at least work for Opera 5/Win:

- add to wgo.css:
#menu
	{
	width: 8.75em; 
	border-width: 0px 1px 1px 0px;
	}
#main
	{
	margin-left: 10.7em;
	}

- change in wgo.js:menu-adjust():
    if (menu_el.offsetWidth) {
      main_el.style.marginLeft = 
          (menu_el.offsetWidth + padding) + "px";
    }

to: 

    if (menu_el.offsetWidth) {
      main_el.style.marginLeft = "10.7em";
    }

This also solves the problem that if you change font-size in a Gecko 
browser, the menu will at some point be rendered over the main 
content. (In Phoenix at least I can solve this by reloading the page, 
but that will probably not be obvious to the average user.)

Disadvantages of setting the width of #menu are that these values may 
need to be changed if the menu item texts get changed, and that users 
with funky fonts may get a weird rendering.

Demo at <http://www.abeleto.nl/staging/wgo.html>.

- Drc wondered why we don't float the menu to the left, instead of 
positioning it, and frankly I don't have an answer to that question.


-- 
branko collin
collin@xs4all.nl