Posted by Rik on 07/16/06 21:31

Bernhard Sturm wrote:
> hi group,
> I am currently designing a site that will provide leisure information
> in a certain region (berne, switzerland). I have just finished
> building the XHTML-structure (yes, it's valid) and the raw CSS
> definitions in a template. This template will be populated with
> results from a database. However, the template renders perfectly
> under the following UAs: FF
> 1.5.04, Netscape 7+, IE 6, but not with IE7beta3.
> With IE7 beta 3 the main menu is being shifted to the far left of the
> design. I tried several different techniques to position the
> div#mainmenu (which contains the ul li list of the main menu) such as
> using margins and paddings, but without success.
> Maybe someone from the group could point me to something I overlooked,
> or maybe this behaviour is just due to the beta status of IE7?
> Any help is much appriciated (and critiques as well :-)

Another problem:
li#pageprint a, li#empfehlen a, li#zufallstipp a, li#similar a {
background-repeat: no-repeat;
background-color: #ECFCFF;
font-size:0em;<------------------------------
display:block;
height:12px;
letter-spacing: 10em;<-----------------------
text-align:right;
color:#ECFCFF;
margin:0px 0px 0px 20px;
}

Why would you want to do that?

Opera disregards the first statement because of my minumum font-size
required (6px), and obeys the second statement:
http://www.rwasmus.nl/opera.png

In this case an image with an alt attribute, or a display:none (set to
another value in an aural stylesheet) to a certain element is a whole lot
better then trying to hide it with a zero font-size.

Grtz,
--
Rik Wasmus

[Back to original message]