WebsiteBaker Community Forum

General Community => WebsiteBaker Website Showcase => Topic started by: beza1e1 on August 19, 2005, 03:57:05 PM

Title: German church
Post by: beza1e1 on August 19, 2005, 03:57:05 PM
Our new church website (http://kirchebuxach.de/) is now public.

Warning: It is german with any english hopefully translated ;)
Title: Re: German church
Post by: pcwacht on August 19, 2005, 05:06:08 PM
Looks good

One thing though
In windows ie6 when I hover over the first menuitem the menu goes up and stays there till I click another menuitem

Dunnoh if it was on purpose ...

John
Title: Re: German church
Post by: beza1e1 on August 19, 2005, 05:14:33 PM
No, but i have no  clue, why or how to fix it  :cry:
Title: Re: German church
Post by: pcwacht on August 19, 2005, 08:23:34 PM
Must be in the css
Might be a width problem (the hover on the menu trickers it)

Title: Re: German church
Post by: Stefan on August 19, 2005, 09:24:26 PM
Ah... that's how it is supposed to look. Seems kind of broken on my showcase site...  :?

EDIT: It doesn't work right on my page because you put the image in a sub-dir. As is written in my guideline, all files must be located in the same folder.
Title: Re: German church
Post by: Leigh on August 19, 2005, 09:45:23 PM
No, but i have no  clue, why or how to fix it


There is a bug with IE6 (there's a surprise) that causes this jump. It happens when you have a float and a percentage within the DIV as IE cannot compute the percentages correctly.

In your  CSS you have:

Code: [Select]
#navigation {
padding: 3% 0px;
float: left;
width: 11em;
border:1px solid red;

}

See the float and percentage there?

There are a few fixes but they could cause other problems. Try this:

1. Change the 3% to a fixed value, for example, 30px.
2. Remove the width:11em statement completely.
3. Remove the DOCTYPE so IE works in Quirks Mode (Not recommended)
4. Remove the id="navigation" from the DIV and put it in the <a href> tag, see below:
Code: [Select]
<div>
<a  id="navigation"href="http://kirchebuxach.de/pages/die-gemeinde.php" target="_top">Die Gemeinde</a>
</div>

You can read all about it here:
http://www.positioniseverything.net/explorer/percentages.html
http://archivist.incutio.com/viewlist/css-discuss/43397
Title: Re: German church
Post by: mysticcowboy on August 20, 2005, 07:24:39 AM
Very nice site. I love the minimalist design. It's clean but doesn't look too bare.

I'm also glad that I'm looking at it on a Mac, which shows it as it should.
Title: Re: German church
Post by: beza1e1 on August 22, 2005, 07:14:26 PM
Thank you for your feedback! Especially for the solutions, Leigh!

I choose option 1 and fixed the online site and the template. As soon as Stefan uploads the fixed version to his template zone (http://stefan-braunewell.de/wb/pages/template_zone.php). You may download and use the layout ;)
Title: Re: German church
Post by: Stefan on August 22, 2005, 07:35:35 PM
Done.