geplaatst door: elice82
Ik heb dus een klein probleempje, de cijfer 10 van de datum van mijn site is half zichtbaar in Internet Explorer 6 & 7.
In alle browsers: Mac Firefox & Safari, Windows Firefox werkt deze prima.

Site: link offline.
CSS bestand: link offline.

Screenshots van de site in IE6 & IE7:
link offline.

Ik heb van alles en nog wat geprobeerd van padding tot margin tot aan een nieuwe div maken.
En de height aanpassen etc. Niks helpt! Ik weet het gewoon niet meer!
Weet iemand de oplossing?

(Bewerkt door elice82 om 1:17, 21-07-2008)

Probleem nieuwe site, cijfer 10 (datum) half zichtbaar IE7
1 februari 2008 - 14:49    reactie #1
geplaatst door: Blender
Heb geen oplossing (nog niet naar de code gekeken ook)
maar in Safari 2.04 is het cijfer ook half.
Ziet er wel mooi uit moet ik zeggen! Om al die ccs-ellende te voorkomen
maak ik dit soort toepassingen liever in flash.

Ik ga ook even naar de code kijken.

Probleem nieuwe site, cijfer 10 (datum) half zichtbaar IE7
1 februari 2008 - 14:57    reactie #2
geplaatst door: Blender
In firefox 1.5 staat 08 trouwens onderaan i.p.v. rechts naast de 10.
Probleem nieuwe site, cijfer 10 (datum) half zichtbaar IE7
1 februari 2008 - 15:31    reactie #3
geplaatst door: mvdg
Ik vind dat je een heel mooi effect bereikt met een css site. Ga zo door zou ik zeggen!
Ik denk dat de oplossing hierin ligt:

Je hebt een DIV .accordion_toggle en daarin de DIV .date. Daarin zitten weer een h5, h4, h6 voor de elementen van de datum. Je geeft de .accordion_toggle een hoogte van 60 pixels maar ook een boven- en onderpadding van 5 pixels. Nu moet je weten dat Internet Explorer de padding aan de BINNENKANT van het vak doet. je houdt dus nog maar 50px over voor de eigenlijke inhoud. De andere browsers doen netjes de padding aan de BUITENKANT: je hebt dan dus een vak van 76 pixels met 5px daarboven en onder.

Ik zie 2 manieren om dit op te lossen. Je kunt het in css netjes doen of een 'hack' gebruiken.
Manier 1: haal de 'padding' weg bij 'accordion_toggle' en zorg dat je de boel op zijn plek zet met de andere elementen. Bijvoorbeeld 5px extra margin op de bovenkant van .images, .date en .title.
Om kort te gaan: zorg dat je nooit tegelijk de hoogte van een DIV vastlegt en tegelijk de padding op de boven en onderkant. Dan gaat het goed.

Manier 2 is om IE voor de gek te houden. NA de regel voor .accordion_toggle voeg je een extra regel toe in je css:
* html .accordion_toggle { height: 70px; }
Deze regel wordt alleen gesnapt door IE en IE zal de hoogte dus 10px hoger nemen dan je daarvoor hebt aangegeven. Andere browsers houden zich gewoon aan de 60px en je probleem is dan ook opgelost.

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Probleem nieuwe site, cijfer 10 (datum) half zichtbaar IE7
1 februari 2008 - 23:23    reactie #4
geplaatst door: elice82
Sorry, ik was vergeten de optie: "Wilt u via e-mail op de hoogte worden gesteld van reacties op uw bericht?" aan te vinken. Heel erg slim! Ik kreeg een e-mail binnen van iemand van het forum.
En ik dacht we gaan maar eens even kijken....

Maar goed ik ga ze rustig doornemen. En natuurlijk toepassen / uitproberen.
Er zijn nogal veel regels (die vooral Internet Explorer heeft) die toegepast moet worden.
Soms zie ik daardoor de bomen niet in het bos. Maar goed er is altijd een weg die naar Rome leidt.
Al doe ik dat via dit forum... (ontzettend handig als er mensen met je meekijken). (Die zijn nog helder en objectief).

>Ondertussen heb ik het dus gefixed.
Omdat de dag (10) binnen de line-height van 10px bleef van de andere twee (maand en jaar). Heb ik de dag een line-height gegeven.
En ik heb de dag, maand, jaar geen H4, H5, H6 gegeven omdat deze al een opmaak hebben.
Dus heb ik ze een 'span' gegeven in combinatie met 'class'.
Geen padding geven in combinatie met de hoogte zeker geholpen.
Daardoor werd het een zooitje!

(Bewerkt door elice82 om 2:08, 2-02-2008)

Probleem nieuwe site, cijfer 10 (datum) half zichtbaar IE7
11 februari 2008 - 00:10    reactie #5
geplaatst door: elice82
Nu dient zich het volgende probleem aan!

Zie elice.nl.
Klik bijvoorbeeld op het plaatje van Alvin And The Chipmunks, resultaat je ziet de Quicktime trailer!
Doe dit in Internet Explorer 7 misschien (ook niet) een trailer maar de hele pagina word vervangen.

Ik maak dus gebruik van lightwindows (lightbox, hoe je het wilt noemen).
Nu kan in de lightwindows die ik gebruik,  Quicktime erin zetten. Dit werk zoals gewoonlijk in alle browser behalve in Internet Explorer (7 en misschien ook 6).
Ik heb van alles en nog wat nagekeken (zie ook forum bij die lightwindows pagina) en dacht dat het misschien ligt aan het embedden van Quicktime.
Zie Apple Quicktime tutorials.

Maar hoe krijg ik dit verwerkt in mijn lightwindows link?
Ligt het hier uberhaupt aan?
Heel graag jullie hulp!