[CSS] FF-IE Verschilletje - Softwareontwikkeling

vrijdag 8 april 2005 11:35

Acties:

█████░░░░░ 50%

Topicstarter

Dag mensen,

kijk: http://bertezz.cjb.net/area52/
In IE, zo moet hij worden.
In Firefox is het blok met de content ( De middelste ), naar rechts verschoven.
Dit is omdat ik met padding-left de tekst van het blok een stukje van de rand af wilde hebben.
Nouja, dat is gelukt, maar nu verschuift hij alles.

Wie helpt mij weer even op weg?
Alvast bedankt maar weder,

𓆑 𓆑 𓆑 𓆑 𓆑 𓆑

vrijdag 8 april 2005 11:55

Acties:

crisp

Devver

Pixelated

boxmodel verschil; standards-compliant browsers tellen de padding (en eventuele borderwidth) op bij de width en height. Het grootste probleem is dat door de onvolledige DTD IE in quirksmode rendered en zich niet aan het w3c boxmodel houdt.

Intentionally left blank

vrijdag 8 april 2005 15:26

Acties:

The Milkman

█████░░░░░ 50%

Topicstarter

Ok, en als je nu uitgaat van Firefox, wat is dat correct?
En hoe kan ik dit in IE nou wel werkend krijgen?
Gewoon een alternatief stylesheet maken voor IE?

𓆑 𓆑 𓆑 𓆑 𓆑 𓆑

vrijdag 8 april 2005 15:29

Acties:

webfreakz.nl

el-nul-zet-é-er

en al die dingen in 1 div?

"You smell that, son? What sir? Napalm, I love the smell of napalm in the mornin!" || Children of Bodom fan!

vrijdag 8 april 2005 15:32

Acties:

Sappie

De Parasitaire Capaciteit!

trek per element je horizontale paddings / margins van je width af en je verticale paddings / margins van je height.. dan kom je al een eind in de buurt. Verder kan je je eens verdiepen in het w3c (standaard) box-model, wat firefox en IE6 in standardsmode gebruiken. http://www.w3.org/TR/REC-CSS2/box.html

Verder moet je dan dus wel een volledig DTD opgeven zodat IE ook in standardsmode rendered.

edit:
en tis btw useful, niet usefull in je logo

[ Voor 11% gewijzigd door Sappie op 08-04-2005 15:36 ]

Specs | Audioscrobbler

vrijdag 8 april 2005 15:48

Acties:

Johnny

ondergewaardeerde internetguru

Dat betekent dus dat je je huidige DTD moet veranderen in dit:

HTML:

1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

En dan doet Internet Explorer 6 hetzelfde als Firefox.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

vrijdag 8 april 2005 15:50

Acties:

BtM909

Watch out Guys...

Johnny schreef op vrijdag 08 april 2005 @ 15:48:
Dat betekent dus dat je je huidige DTD moet veranderen in dit:
HTML:
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
En dan doet Internet Explorer 6 hetzelfde als Firefox.

Nog steeds niet helemaal volledig

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 8 april 2005 16:15

Acties:

The Milkman

█████░░░░░ 50%

Topicstarter

Johnny schreef op vrijdag 08 april 2005 @ 15:48:
Dat betekent dus dat je je huidige DTD moet veranderen in dit:
HTML:
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
En dan doet Internet Explorer 6 hetzelfde als Firefox.

Dat helpt in ieder geval wel.
Ok, nu zijn ze bijna identiek, nu alleen nog ff de boel rechtzetten.

𓆑 𓆑 𓆑 𓆑 𓆑 𓆑

vrijdag 8 april 2005 17:13

Acties:

crisp

Devver

Pixelated

Vergeet niet dat IE < 6 geen standards-compliant mode kent en dat je daar dus nog wel tegen boxmodel problemen aanloopt.

Overigens heeft Strict of Transitional weinig te maken met standards-compliant mode of quirksmode

Intentionally left blank

zaterdag 9 april 2005 07:43

Acties:

The Milkman

█████░░░░░ 50%

Topicstarter

Ik denk dat ik er goed aan die zo'n CSS boek te halen, ofniet

𓆑 𓆑 𓆑 𓆑 𓆑 𓆑

zaterdag 9 april 2005 08:17

Acties:

Rowanov

Kop eens wat anders...

Waarom een boek? Alle documentatie staat online! Als je nu eens begint met dit te lezen:
http://www.w3.org/TR/REC-CSS2/
Daarna kan je voor praktische tips hier kijken:
www.alistapart.com
of hier bijvoorbeeld:
www.annevankesteren.nl (is soms wel lastig)
http://www.draac.com/css/csstricks.html (deze heeft een iets lager instapniveau)

[ Voor 11% gewijzigd door Rowanov op 09-04-2005 08:17 ]

zaterdag 9 april 2005 10:47

Acties:

JHS

Splitting the thaum.

Rowanov schreef op zaterdag 09 april 2005 @ 08:17:
Waarom een boek? Alle documentatie staat online! Als je nu eens begint met dit te lezen:
http://www.w3.org/TR/REC-CSS2/

Doe dan liever deze: http://www.w3.org/TR/CSS21/ , lijkt me

.

DM!