Page 1 of 1
frontend.css question
Posted: Sun 27. Feb 2005, 09:18
by 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
Posted: Sun 27. Feb 2005, 11:21
by 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....
Posted: Sun 27. Feb 2005, 11:52
by 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
Posted: Sun 27. Feb 2005, 14:09
by 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.