Archief - css2: wat is w\idth

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

dresse

Legacy Member
joe, ben een beetje positioneren met xhtml en css2 enzo aant leren, en was is op andere sites aant zien. nu kwamk hier stukje code watk ni zo goe snap :)

Code:
        #side {
		float: right;
		width: 190px;
		\width: 210px;
		w\idth: 190px;
		margin: 0px 0px 0px 10px;
		padding: 10px;
		text-align: left;
		border: solid 1px black
} {

wat is die \width en die w\idth
is van deze site http://dieterdhoker.madoka.be/wiskunde/

=(X)=RaVen=

Legacy Member
ik heb er nooit van gehoord, dus mijn eerste antwoord zou zijn;
bullshit, smijt die 2 lijnen eruit :)
(alsook die { op het einde die er teveelstaat :))

dresse

Legacy Member
dacht het ook al :)

heb nog vraagje wak ni direct vind eigenlijk,
kunt ge ervoor zorgen da nen div mee vergroot met de pagine (dus in procenten zette) ma dat em toch bij een bepaalde grootte statisch blijft (in pixels)

dus zoiets als "den div mag alle groottes aannemen maar ni kleiner dan een breedte van 300px"

dresse

Legacy Member
merci, handige tabellekes :)

*edit: hmm, wordt precies langs geen kanten ondersteund :)... iemand die een andere manier weet om da te bekomen?

wordt er eigenlijk al iets van css2 ondersteunt??

deadlock

Legacy Member
Die slashes zijn simpelweg CSS hacks

Deze worden toegepast om in alle browsers het zelfde resultaat te bekomen. Een ander voorbeeld is de box-model hack (gebuik van voice family).

Laten staan dus :).

deadlock

Legacy Member
Code:
        #side {
		float: right;
		width: 190px;
		\width: 210px;
		w\idth: 190px;
		margin: 0px 0px 0px 10px;
		padding: 10px;
		text-align: left;
		border: solid 1px black
} {
Even verduidelijken, dit is ook een box model hack.

IE5 heeft een bug in zijn box-model. Zo wordt padding niet of wel meegeteld.
De padding staat op 10pc, wat inhoudt dat er zowel links als rechts 10px ruimte is (samen 20px). 190px + 20px = 210px.

Geen zin om het helemaal uit te leggen :).

servi

Legacy Member
hoezo ? :confused:

zijn er dan browsers die niet met width : 200px overweg kunnen, maar wel met w\idth : 200px ?

deadlock

Legacy Member
Code:
div {
width: 100px;
}
div {
\width: 140px; 
w\idth: 100px;
}
The top rule (line 1) is used by browsers like Op5 that get the box model correct, but choke on the escapes in the following rule. Op5 ignores those rules entirely.

The first 'escaped' property (line 5) will be used by IE5.x, and feeds that browser its 'fudged' value. The second escaped property (line 6) cannot be read by IE5.x, but is read and used by modern 'escape friendly' browsers like N6, Moz, Op6, and IE6.

Note: If Nav4 sees even one escape anywhere in the CSS, it will discard the entire sheet. So it is vital that this hack be hidden from that browser, by means of @import, or the CaioHack. For a detailed explanation of the escape parsing bug see that Andrew Clover [post].

Proper use of the escapes: The escape '\' that starts line 5 must always be directly against the first letter of the property name. IE5.x/win does not like escapes, but seems to ignore them when they are in this position.

Important! An escape must not precede any of the first six alphabetical characters: a, b, c, d, e, f, per the [CSS spec on forward-compatible parsing]. If this is done it will be seen as a 'hex code' and Bad Things Will Happen. This means that a property that begins with one of these letters cannot be hacked in this manner. For example, "height" can be hacked, but "font-family" can't be, since it starts with a character that is interpreted as the beginning of a hex code. Fortunately, neither "width" nor "height", the most important properties for this hack, are affected.

For line 6 (modern browsers) the escape must be within the property name, and the previous 'hex' rule applies.

Check voor alle hacks:
http://css-discuss.incutio.com/?page=BoxModelHack

Flubberer

Legacy Member
Wat een webdesigner niet allemaal moet doen om het juist weer te geven... :)

Le Preinz

Legacy Member
dresse zei:
dacht het ook al :)

heb nog vraagje wak ni direct vind eigenlijk,
kunt ge ervoor zorgen da nen div mee vergroot met de pagine (dus in procenten zette) ma dat em toch bij een bepaalde grootte statisch blijft (in pixels)

dus zoiets als "den div mag alle groottes aannemen maar ni kleiner dan een breedte van 300px"

Hier zoek dus ook nog achter. (Zie andere topic van mij hier die niemand meer beantwoord :( ) DIvs worden hier maar heel den tijd aangeduid als dé manier om te layouten maar krijg nog niet eens die liquid toestanden deftig omgezet met divs. Als dus iemand oplossing weet :)

b0bbY

Legacy Member
box model hack uit de doeken gedaan

wat ook wel es wilt helpen als FF en IE weer hun eigen zin doordrijven betreffende hoogte en breedte van bepaalde elementen:

* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

Samen met de "be-nice-to-Opera" hack - zie url hierboven ook - zowat de meest cruciale hacks om crossbrowser compatribiliteit te "granderen"

Lashknife

Legacy Member
blijkbaar renderen ie6 en firefox de boxes op de juiste manier volgens die hack-explained site, want in beide browsers is de kader zo breed als de blue bar...

http://www.tantek.com/CSS/Examples/boxmodelhack.html (deze dus, moest er verwarring zijn met andere links hierboven gegeven :p )

anyway: goed genoeg voor mij, imo horen browsers het box model te respecteren, niet andersom

servi

Legacy Member
heb het nu juist eens getest in FF 0.8, IE 6 en OP 7 en daar werkt het allemaal naar behoren.

Wel spijtig dat IE5.5/IE5.0 er niet mee omkan, want ik vrees dat die browsers nog vrij vaak gebruikt worden. ( wat betreft opera denk ik dat deze gebruikers sneller hun browser updaten )

dresse

Legacy Member
conclusie: blijf tabellen gebruiken: veel makkelijker en iedereen kan het deftig zien :music:
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan