DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
IE7 ondersteunt in ieder geval wel gewoon PNG met alpha-transparantie hoor!quote:Op vrijdag 21 maart 2008 12:40 schreef DionysuZ het volgende:
ik erger me weer dood aan microsoft. Aangezien ze opacity nog steeds niet accepteren in IE7, ben ik genoodzaakt alpha filter erop te gebruiken. Maar wat hebben ze nou geflikt? Ze hebben cleartype gewoon uitgezet voor elementen waar dxtransform op plaatsvindt.
IE6 dan weer niet wat idd bloedirritant is
dat is gelukkig wel gefixt jah. Maar als in PNG met alpha wil gebruiken moet ik nog altijdquote:Op vrijdag 21 maart 2008 12:54 schreef mcDavid het volgende:
[..]
IE7 ondersteunt in ieder geval wel gewoon PNG met alpha-transparantie hoor!
IE6 dan weer niet wat idd bloedirritant is
| 1 2 3 | <link rel="stylesheet" type="text/css" media="screen, projection" href="/iehack.css" /> <![endif]--> |
met daarin dxtransform filters gebruiken om het werkend te krijgen voor IE6 ;).
Maar dat was mijn issue niet. Probeer eens een divje voor 70% transparant te maken, met tekst erin (die dus ook transparant moet zijn), dan werkt dat mooi zoals het hoort in de meeste browsers. Maar ten eerste support IE de opacity css regel nog niet, dus moet je weer een filter gaan toepassen. Maar wat hebben die klojo's nou dus gedaan, cleartype UITGEZET voor alle elementen waar zoiets op toegepast wordt.
Resultaat is dus een divje met gewoon hakkelige tekst erin. :(
Nahjah heb gelukkig een workaround gevonden voor waar ik het voor nodig had. Klant blijft koning he :P
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
Dat had ik gedaan, 130 hoogte en breedte;quote:Op donderdag 20 maart 2008 19:07 schreef mcDavid het volgende:
[..]
Al die blokjes een vaste hoogte geven?
Just say hi!
heb je ergens de code staan?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
En IE7 heeft wat afwijkingen in de weergave van kleuren van PNG's.quote:Op vrijdag 21 maart 2008 12:54 schreef mcDavid het volgende:
[..]
IE7 ondersteunt in ieder geval wel gewoon PNG met alpha-transparantie hoor!
IE6 dan weer niet wat idd bloedirritant is
In plaats van een div met opacity kun je ook gewoon een 1x1 pixel PNG gebruiken.quote:Op vrijdag 21 maart 2008 13:15 schreef DionysuZ het volgende:
[..]
dat is gelukkig wel gefixt jah. Maar als in PNG met alpha wil gebruiken moet ik nog altijd
[ code verwijderd ]
met daarin dxtransform filters gebruiken om het werkend te krijgen voor IE6.
Maar dat was mijn issue niet. Probeer eens een divje voor 70% transparant te maken, met tekst erin (die dus ook transparant moet zijn), dan werkt dat mooi zoals het hoort in de meeste browsers. Maar ten eerste support IE de opacity css regel nog niet, dus moet je weer een filter gaan toepassen. Maar wat hebben die klojo's nou dus gedaan, cleartype UITGEZET voor alle elementen waar zoiets op toegepast wordt.
Resultaat is dus een divje met gewoon hakkelige tekst erin.
Nahjah heb gelukkig een workaround gevonden voor waar ik het voor nodig had. Klant blijft koning he
ik weet het..... dat is toch ook niet wat ik bedoel? als je tekst een alpha channel wil geven.quote:Op vrijdag 21 maart 2008 14:45 schreef Geqxon het volgende:
[..]
In plaats van een div met opacity kun je ook gewoon een 1x1 pixel PNG gebruiken.
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
Probeer eens 140 ofzo? Klaarblijkelijk worden 2 van de cellen opgerekt in IE6...quote:Op vrijdag 21 maart 2008 13:35 schreef Chandler het volgende:
[..]
Dat had ik gedaan, 130 hoogte en breedte;
Als ik dat doe houdt hij geen rekening met de opgegeven margin van de footer, zit dus gelijk tegen de langste div aan (menu of content). Tot op dit moment werkt dit goed dus ik houd het ook zo.quote:Op vrijdag 21 maart 2008 12:50 schreef mcDavid het volgende:
[..]
Volgens mij zou je ook de footer kunnen gebruiken ipv die extra div. Geef die ff een clear:both (dit geeft aan dat er aan beide kanten van die div geen float-objecten mogen staan) en kijk wat er gebeurt.
Klopt, margin-top heb je dan weinig meer aan, maar padding lost een hoop opquote:Op vrijdag 21 maart 2008 16:27 schreef BugWorks het volgende:
[..]
Als ik dat doe houdt hij geen rekening met de opgegeven margin van de footer, zit dus gelijk tegen de langste div aan (menu of content). Tot op dit moment werkt dit goed dus ik houd het ook zo.
Ik heb het nu al aangepast naar 135px maar kan helaas zelf niet controlleren (slecht hé);quote:Op vrijdag 21 maart 2008 15:23 schreef mcDavid het volgende:
[..]
Probeer eens 140 ofzo? Klaarblijkelijk worden 2 van de cellen opgerekt in IE6...
En een ander probleem was dat wanneer je op een van de plaatjes klikt je een popup krijgt die 100% breed hoort te zijn maar helaas dat is deze niet
misschien moet ik block mee geven aan de div?
Just say hi!
Het is van nature al een block level elementquote:Op vrijdag 21 maart 2008 16:42 schreef Chandler het volgende:
misschien moet ik block mee geven aan de div?
Ze staan nu zowel in Fx2.x als in MSIE 6 als 3 rijen van 2quote:Op vrijdag 21 maart 2008 16:42 schreef Chandler het volgende:
[..]
Ik heb het nu al aangepast naar 135px maar kan helaas zelf niet controlleren (slecht hé);
En een ander probleem was dat wanneer je op een van de plaatjes klikt je een popup krijgt die 100% breed hoort te zijn maar helaas dat is deze niet
iig consequenter
Haha, heb nu de thumbs maar op 110px gezet in een div van 125px die 5px padding gebruikt! dus moet nu in IE6 ook goed zichtbaar zijn
dus moet nu in IE6 ook goed zichtbaar zijn
Just say hi!
Klein probleempje dat vast heel simpel op te lossen is.
Ik heb een grote div en daarin zitten allemaal divjes.
de onderste twee zijn er twee die naast elkaar staan. Namelijk een sidebar en daarnaast de daadwerkelijke content.
De sidebar is niet zo lang en de content varieert in lengte. Nu wil ik natuurlijk dat mijn sidebar ook altijd net zo lang is als mijn content.
Het is vast iets met min-height: contentheight
ofzo wat. Maar hoe zit het precies?
Ik heb een grote div en daarin zitten allemaal divjes.
de onderste twee zijn er twee die naast elkaar staan. Namelijk een sidebar en daarnaast de daadwerkelijke content.
De sidebar is niet zo lang en de content varieert in lengte. Nu wil ik natuurlijk dat mijn sidebar ook altijd net zo lang is als mijn content.
Het is vast iets met min-height: contentheight
ofzo wat. Maar hoe zit het precies?
Leg eerst eens uit waarom je dat wilt Fliepke, en dan gaan we daarna waarschijnlijk "faux columns" roepen
Ah, het gaat dus om iets visueels kennelijk. En wat wil je precies bereiken dan?
M'n idee is namelijk dat je iets wilt wat op te lossen is dmv zogenaamde "faux colums" (google)
M'n idee is namelijk dat je iets wilt wat op te lossen is dmv zogenaamde "faux colums" (google)
Dat werkt dus niet, want ik wil onderaan de sidebar een klein plaatje hebben. Dat zou door de achtergrond te "faken" dus nog steeds ergens in het midden staan.
Dan zet je dat in een element wat onder beide kolommen komt, en dus altijd onderaan staat ongeacht de hoogte van de kolommen?
Ja ik zat er ook al aan te denken om met de footer een beetje vals te spelen. Toch grappig dat het toch allemaal zo kneuterig is dat je de meeste simpele dingen gewoon moet gaan faken. Ik zit overigens nu ook weer gezellig te worstelen met het verschil in boxing model tussen IE en FF. Dacht dat ik er bijna was totdat ik IE opendequote:Op maandag 24 maart 2008 15:44 schreef CraZaay het volgende:
Dan zet je dat in een element wat onder beide kolommen komt, en dus altijd onderaan staat ongeacht de hoogte van de kolommen?
.
Jup dat is het.quote:Op maandag 24 maart 2008 15:46 schreef Fliepke het volgende:
[..]
Ja ik zat er ook al aan te denken om met de footer een beetje vals te spelen. Toch grappig dat het toch allemaal zo kneuterig is dat je de meeste simpele dingen gewoon moet gaan faken. Ik zit overigens nu ook weer gezellig te worstelen met het verschil in boxing model tussen IE en FF. Dacht dat ik er bijna was totdat ik IE opende
Weet iemand trouwens of Firefox3 weer anders om zal gaan met css en html dan firefox 2? Dat we dan met een browser extra rekening moeten houden?
Overigens staat hier een of andere oplossing
http://www.intensivstatio(...)es/2/template-1.html
div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }
The content-div has a left margin. Setting a min-height assures that the content area is always higher than the navigation.
IE on MAC doesn't interprets min-height. The dynamic properties (i.e. expression) used in explorer are proprietary by Microsoft. This prevents the css from validating according to W3C.
«-- back
http://www.intensivstatio(...)es/2/template-1.html
div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }
The content-div has a left margin. Setting a min-height assures that the content area is always higher than the navigation.
IE on MAC doesn't interprets min-height. The dynamic properties (i.e. expression) used in explorer are proprietary by Microsoft. This prevents the css from validating according to W3C.
«-- back
