geplaatst door: MacZone dot nl
[news]Hallo allemaal,

Even een oproepje plaatsen bij onze vrienden van MacFreak. We willen onze website graag geschikt krijgen voor mensen die onze site bezoeken met Internet Explorer versie 7 (lager hoeft niet). Wie is in de gelegenheid om onze website (wat inmiddels best een complex beest is geworden) eens te ontleden en geschikt te krijgen voor IE7?

http://www.mac-zone.nl/index.php?newsitem=1184046629

De beloning: het eerste officiële Mac-Zone t-shirt én een iPod Shuffle in een kleur naar eigen keuze, bij gebleken succes!

Denk je ons uit de brand te kunnen helpen? Stuur ons dan een e-mail op info@mac-zone.nl

Namens het Mac-Zone team en al die Windows bezoekers, alvast bedankt! [/news]

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 09:24    reactie #1
geplaatst door: Robert
[news]Jammer dat ik niets van CSS af weet, anders had ik mijn diensten wel aangeboden.

Wel grappig trouwens dat een site met de naam Mac-Zone zoveel bezoekers onder Windows krijgt, switchers of mensen met een Mac die op hun werk met Windows werken..?[/news]

Klik hier voor informatie over het onder de aandacht brengen van producten of diensten op MacFreak.
Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 09:34    reactie #2
geplaatst door: Henkie
Het is op dit moment ook een ramp in Safari (2.0.4) (qua CSS). Zeker in 3.0 aan het testen  :wink:

(Bewerkt door Henkie om 9:35, 10-07-2007)

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 09:56    reactie #3
geplaatst door: MacZone dot nl
[news]@Fool; er is voldoende nieuws te lezen dat niet zo zeer Mac gerelateerd is. Onze doelgroep is de grafische gebruiker en die werken nu eenmaal ook met PC's onder Windows. Eigenlijk proberen we, ondanks dat er Mac in de naam van de site voorkomt, zo neutraal mogelijk te zijn. Maar da's weer een andere discussie. ;)

@Henkie; de site is getest met Safari 2.0, Safari 3.0, FireFox 2.0, Camino 1.5, Netscape 9, Opera 9, Seamonkey 1.1 en OmniWeb 5.5, en werkt met al deze browsers perfect. Onze doelstelling is om daar IE 7 ook nog aan toe te voegen. Mocht je toch dingen tegenkomen waarvan je vindt dat ze niet goed werken, stuur ons dan maar even een e-mailtje met daarin wat er volgens jou niet goed zou werken. [/news]

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 10:19    reactie #4
geplaatst door: steeffie
Ehm, het zou handig zijn als je even ergens een screenshot online zou kunnen zetten.
Ik ben niet uit op het t-shirt en zeker niet de iPod shuffle, maar wil je heel graag helpen.


Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 10:32    reactie #5
geplaatst door: MacZone dot nl
[news]Vele zaken zijn niet onder te brengen in een screenshot. Die werken namelijk in zijn geheel niet, waardoor er niet zo veel valt te capturen. Maar om een beetje een indruk te krijgen van een van de problemen, kun je de site bekijken via NetRenderer en IE7 emuleren.

http://ipinfo.info/netrenderer/index.php

Bedankt voor het meedenken alvast!  [/news]

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 11:16    reactie #6
geplaatst door: Blender
Niet waar je om vraagt maar zet a.u.b. de teksten gewoon links lijnend.
Staat beter, leest beter! Beetje interlinie doet ook wonderen.
Tekst uitvullen op websites slaat echt nergens op!
Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 11:31    reactie #7
geplaatst door: Kapotlood
@Blender;
ik vind dat uitvullen in dit geval eigenlijk wel zo netjes staan, net zoals bij
sommige ontwerpen van Blogs bijvoorbeeld... ik denk dat het vooral iets
persoonlijks is, hehe.

@Maczone;
Ik ben niet echt thuis in het JavaScript gedeelte van de website, maar ben
wel bereid om een handje te helpen ;-)

Overigens; is het niet makkelijker om gewoon de "*"-hack toe te passen?
't Zal misschien niet wonderschoon zijn, maar daar kom je met IE niet altijd
onderuit. Met behulp van die *-hack kun je IE-specifieke code toevoegen zonder
dat de rest van de website er onder lijdt. Want zo te zien gaat het eigenlijk
vooral om de linker kolom + menu. Een *-hack met wat gespeel met de margin
en/of padding zou het al op moeten lossen denk ik.

Succes iig :)

Mvg,
Joram

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 11:42    reactie #8
geplaatst door: Blender
@Joram;
Nee hoor! Het heeft te maken met (typo)grafisch inzicht.
Een typograaf zal tekst op een website nooit uitvullen.
Kijk een naar die post van 09-07. En dat vindt jij netjes staan?
Ik gebruik uitvullen natuurlijk wel eens op papier (krant) maar dan heb je echt alle controle om er het fatsoenlijk uit te laten zien.
Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 11:53    reactie #9
geplaatst door: MacZone dot nl
[news]@Joram; zoals gezegd, ik ben in z'n geheel niet bekend met hoe IE7 CSS afhandelt. Het enige dat ik weet is dat het een nachtmerrie is om het onder IE werkend te krijgen allemaal. Niet alleen de CSS, maar ook de Javascript overigens. Wat is een * hack?

@Blender; dat is een andere (smaak) discussie die ik liever laat voor wat het is. Typografisch verantwoord of niet, het staat mooier en oogt rustiger. Maar aangezien deze oproep verder niets van doen heeft met de typografie maar met CSS zou ik het daar graag bij willen laten. [/news]

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 12:24    reactie #10
geplaatst door: Kapotlood
Een * hack werkt als volgt. Stel dat je een CSS-tag hebt met voor een divje:
#naampje {
margin: 10px;
}

Stel dat je het in IE/win niet goed krijgt, dan kun je dat aanpassen op de
volgende manier:

* #naampje {
margin: 3px;
}

Mocht dat niet werken, dan verander je dat kleine hackje gewoon in het volgende;

*+html #naampje {
margin: 3px;
}

Zo zou het op te lossen moeten zijn :)

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 12:25    reactie #11
geplaatst door: Blender
Het staat mooier en rustiger??????
Vandaar dat je het nooit maar dan ook nooit op een professionele ziet!
Ik laat het hierbij het was bedoeld als een advies.
Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 13:10    reactie #12
geplaatst door: MacZone dot nl
[news]@Blender en iedereen die ook graag het verschik zou willen zien; oordeel zelf, meer zeg ik er niet over ;-) :
nieuws align left
nieuws justify
column align left
column justify

@Joram; deze hack volstaat niet. Neem maar eens een kijkje in hoe de site is opgebouwd (zowel CSS als Javascript) om te zien dat het iets complexer is dan even een sterretje plaatsen. Maar ik heb inmiddels een paar mensen die graag de uitdaging aan willen gaan, dus wie weet hoe snel die iPod en dat t-shirt weg zijn. [/news]

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 13:11    reactie #13
geplaatst door: Steve07
Ik zie position: fixed staat, maar dat werkt toch niet goed met IE? (Ik heb even gekeken en op http://www.howtocreate.co.uk/fixedPosition.html en daar staat dat het in IE 7 alleen werkt als je doctype strict gebruikt. Ook zie ik dat een ul in de li van de navigatie position: absolute top:0 heeft.
Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 13:16    reactie #14
geplaatst door: Timster
Een fix voor IE7 ziet er heel anders uit.
*html werkt prima in IE6, maar een versie daarboven gebeurt er niks.

Wil je een IE7 fix maken moet je dit gebruiken:
*:first-child+html #id_element { margin:10px 0; }

(Bewerkt door Timster om 13:18, 10-07-2007)

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
10 juli 2007 - 13:19    reactie #15
geplaatst door: iTom
@MacZone dot nl.

Justify heeft me nooit gestoord, maar eerlijk gezegd, nu ik de twee naast elkaar zie, merk ik dat ik vlugger lees bij left aligned dan by justifiy.
Kan misschien aan mij liggen, maar left aligned is ook niet mis. Het straalt nog steeds rust en orde uit.
Mijn voorkeur gaat uit naar Left Aligned.

Wat ook zij, het is en blijft een knappe, informatieve website.

iTom

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
11 juli 2007 - 08:51    reactie #16
geplaatst door: iTom
Hierop aanvullend.

Als je het artikel van 10-07-2007 Advert-Eyes bekijkt, dan merk je dat justify lelijke gevolgen kan hebben. Vooral het tekstblokje naast de tweede afbeelding heeft er zwaar onder te lijden.
Misschien toch werken met een harde return bij die lange woorden zodat de afgrijslijke gaten wat verdoezeld worden.

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
11 juli 2007 - 10:41    reactie #17
geplaatst door: het ModeratorTeam
[news]Bij deze geen discussie over de tekstbehandeling meer maar alleen over de CSS s.v.p.
M.a.w. alle verder off-topic zal worden verwijderd.

Als iemand zelf een draadje wilt starten over tekstbehandeling op websites in het algemeen of op Mac-Zone.nl in het bijzonder dan kan dat natuurlijk altijd.[/news]

met vriendelijke groet, het ModeratorTeam
Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
11 juli 2007 - 13:46    reactie #18
geplaatst door: Blender
Om een afwijkende style te maken voor ie7 is het beter om met conditional comments te werken (is al eerder aangekaart op het forum). Dit wordt ook door MS aanbevolen en is niet eens zo slecht bedacht van ze! Zo zie je maar: ook MS heeft wel eens een goed idee!
http://www.elated.com/articles/internet-explorer-conditional-comments/
Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
11 juli 2007 - 18:03    reactie #19
geplaatst door: MacZone dot nl

Citaat
Blender om 13:46, 11-07-2007
Om een afwijkende style te maken voor ie7 is het beter om met conditional comments te werken (is al eerder aangekaart op het forum). Dit wordt ook door MS aanbevolen en is niet eens zo slecht bedacht van ze! Zo zie je maar: ook MS heeft wel eens een goed idee!

[news]ALS we zover zijn dat we een werkende stylesheet hebben voor IE7, dan passen we dat uiteraard toe. Da's de enige juiste manier. Maar of het een goed idee is van Microsoft, dat valt te betwisten. Dit idee is puur geboren uit het feit dat iedere versie van IE weer compleet anders omgaat met CSS en omdat ze wel moeten om iets van een beetje compatibiliteit te kunnen bieden. Microsoft is de enige die een geheel eigen standaard (as ususal) er op nahoudt. Laat ze eens gewoon gebruik maken van de standaarden die er zijn, zonder iedere keer weer zelf het wiel uit te vinden.

Maar hoe dan ook, er is inmiddels al iemand bezig om de CSS eens flink door te spitten en compatible te krijgen met met dat narrige IE. Bedankt voor de reacties zover.[/news]

Mac-Zone geschikt krijgen voor IE 7, wie helpt?!
11 juli 2007 - 18:49    reactie #20
geplaatst door: Kaydie
Ik heb de vorige posts niet gelezen...

Wel valt me op dat jullie een comment hebben geplaatst boven de site, waardoor IE in quirksmode rendert. Dit lost in ieder geval de witruimtes tussen de menu's op.


<!-- Begin header -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

veranderen in:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Als er verder nog problemen zijn, laat het even weten. :wink:

"…It sure is great to get out of that bag!" -- mac, 1984
--
kaydies