frontend.css question

[pico]

Hi

in the new frontend.css I see this Code

Code: Select all

#container {
	width: 760px;
	\width: 780px;
	w\idth: 760px; ....

can someone explain me what that means with the three different 'width'
and the Slash inside ?

and for what is this Class ?

If wrong Thread please move

[cyrano]

hi pico,

your first question: I think it is for different browsers? but not sure

second: container css . this is for definition of areas when using in layout settings CSS DIV instead of tables.

so you can put these style definintions into the field class behind the content areas, for e.e.g "all blocks" you use #container, for "left" you use #left and so one....

[pico]

Hi

yes - I also think that the first is for different Browsers - but wichone is for what Browser - and wher is a description of this.

With the containerClass I see it on every Area >div#container >dic#headerBlock and so on - so it's clear now

thanx

[Karla]

From the web:

It is the infamous 'simplified box model hack'. It is a syntax hack designed to send the 'incorrect' width of 780px to IE5.* browsers and the correct width of 760px to all other browsers.
IE5.* has a broken box model which means it incorrectly includes padding when it calculates width. Here the padding is 10px on either side so 20px must be added to the width.