General Community > WebsiteBaker Website Showcase

German church

<< < (2/2)

Leigh:

--- Quote from: beza1e1 on August 19, 2005, 05:14:33 PM ---No, but i have no  clue, why or how to fix it
--- End quote ---


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: ---#navigation {
padding: 3% 0px;
float: left;
width: 11em;
border:1px solid red;

}
--- End code ---

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: ---<div>
<a  id="navigation"href="http://kirchebuxach.de/pages/die-gemeinde.php" target="_top">Die Gemeinde</a>
</div>

--- End code ---

You can read all about it here:
http://www.positioniseverything.net/explorer/percentages.html
http://archivist.incutio.com/viewlist/css-discuss/43397

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

beza1e1:
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. You may download and use the layout ;)

Stefan:
Done.

Navigation

[0] Message Index

[*] Previous page