Re: IE7 beta 3 weird CSS behaviour

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 style***) to a certain element is a whole lot
better then trying to hide it with a zero font-size.

Grtz,
--
Rik Wasmus


.

Quantcast