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.
Okay, lang genoeg gewanhoopt, laat mij eens experts roepen.
http://lambandhare.nl/newest/
Ik hiermee een enorme ruzie met IE < versie 10. Ik heb een aantal pagina's/divs op 100% hoogte van de browser, met daarin een verticaal gecentreerde div met daarin content. Internet Explorer < 10 zet deze -gok ik- op 300% hoogte, 100% boven de content-div, 100% als content-div en 100% onder de content-div. Voor IE forceer ik dus nu de 100% hoogte naar een _height van 750px om maar niet al te bizar veel te hoeven te scrollen.
Ziet een van jullie snel waarom IE < 10 de 100% hoogte niet goed slikt?
http://lambandhare.nl/newest/
Ik hiermee een enorme ruzie met IE < versie 10. Ik heb een aantal pagina's/divs op 100% hoogte van de browser, met daarin een verticaal gecentreerde div met daarin content. Internet Explorer < 10 zet deze -gok ik- op 300% hoogte, 100% boven de content-div, 100% als content-div en 100% onder de content-div. Voor IE forceer ik dus nu de 100% hoogte naar een _height van 750px om maar niet al te bizar veel te hoeven te scrollen.
Ziet een van jullie snel waarom IE < 10 de 100% hoogte niet goed slikt?
Ik ga naar huis.
Quickfix: js gebruiken
Longer fix: googlen, er zijn wel oplossingen, alleen wat lastiger te testen voor mij.
Longer fix: googlen, er zijn wel oplossingen, alleen wat lastiger te testen voor mij.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
It should.quote:Op donderdag 16 augustus 2012 12:57 schreef Tijn het volgende:
Wanneer je je venster resized, past de pagina zich niet aan trouwens.
Ik ga naar huis.
Ik had 'm ook zo staan, maar bij mij slikt 'ie 'm niet. Gebruik alleen wel <articles> in plaats van divs, maar die maak ik netjes aan met js voor IE. Zou 'ie niet in de war kunnen raken van de divs die er in staan?quote:Op donderdag 16 augustus 2012 12:52 schreef Catch22- het volgende:
http://jsfiddle.net/maxx0r/haMNS/4/
zo werkt het bij mij wel in IE7-9
Ik ga naar huis.
Ik heb niet naar je code gekeken, maar gebruik je wel html5shiv en maak je in je css nog even block-elementen van je articles? Pas dan doet <article> hetzelfde als <div> in IE namelijk.quote:Op donderdag 16 augustus 2012 14:07 schreef nietzman het volgende:
[..]
Ik had 'm ook zo staan, maar bij mij slikt 'ie 'm niet. Gebruik alleen wel <articles> in plaats van divs, maar die maak ik netjes aan met js voor IE. Zou 'ie niet in de war kunnen raken van de divs die er in staan?
Ik ben alweer een stuk verder, 100% height doet het nu goed in IE. Ik had kennelijk iets verneukt met de doctype. :$.
Nu laat IE alleen nog een rare witruimte rechts van m'n pagina's zien.
Nu laat IE alleen nog een rare witruimte rechts van m'n pagina's zien.
Ik ga naar huis.
Pagina eens door de HTML-validator halen.. zitten nogal een paar grove fouten in je code:
<center> is not done, css is je antwoord.
<![if ! IE]> is, zoals de validator het zegt "Bogus"
<img width="300px" height="180px"> px in attributen: nee.
<center> is not done, css is je antwoord.
<![if ! IE]> is, zoals de validator het zegt "Bogus"
<img width="300px" height="180px"> px in attributen: nee.
dat dus.
Will do. Ik noem mezelf maar weer een soort van scriptjutter.
Die if ! IE was even de snelste manier om een svgtje alleen in IE in te laden.
. En sinds wanneer is img width setten er dan eigenlijk uit? Ik kreeg vroeger altijd op m'n flikker van die validators als ik het niet deed?
Die if ! IE was even de snelste manier om een svgtje alleen in IE in te laden.
. En sinds wanneer is img width setten er dan eigenlijk uit? Ik kreeg vroeger altijd op m'n flikker van die validators als ik het niet deed?
Ik ga naar huis.
width= en height= zijn altijd een integer (afmeting in pixels), een dimensie erbij zetten maakt ze invalid.
En volgens mij zijn ze beiden niet verplicht.
En volgens mij zijn ze beiden niet verplicht.
Width en height kan je beter in css zetten, of nóg beter: gewoon de images op maat maken.
De conditional comments mag je op zich maken, maar je maakte ze niet als comment:
<![if ! IE]> <-- fout
<!--[if ! IE]> <-- goed
De conditional comments mag je op zich maken, maar je maakte ze niet als comment:
<![if ! IE]> <-- fout
<!--[if ! IE]> <-- goed
dat dus.
quote:Op donderdag 16 augustus 2012 15:16 schreef QM84 het volgende:
<![if ! IE]> <-- fout
<!--[if ! IE]--> <-- goed
Dan is 't ie gelijk weer gesloten toch? niet echt nuttig.. Of werkt het toch tot aan de <![endif]--> op die manier?quote:Op donderdag 16 augustus 2012 15:21 schreef KomtTijd... het volgende:
<![if ! IE]> <-- fout
<!--[if ! IE]--> <-- goed
dat dus.
Dat is voor als je wel IE wil includen.quote:
[..]
Dan is 't ie gelijk weer gesloten toch? niet echt nuttig.. Of werkt het toch tot aan de <![endif]--> op die manier?
| 1 2 3 | <!--[if IE 6]> Special instructions for IE 6 here <![endif]--> |
Als je IE juist wil excluden, kan dat zo:
| 1 2 3 | <!--[if !IE]> --> According to the conditional comment this is not IE <!-- <![endif]--> |
[edit] ik heb hier al 3x iets anders gezet, maar zoals het er nu staat klopt het
Ik merk dat ik nu een heleboel van m'n oude hacks -rare grappen om verticaal te centreren- er weer uit kan gaan slopen omdat ze de boel overal verneuken.
Ik ga naar huis.
ja waarom? Gewoon een breedte en margin:0 auto;, eventueel een wrapper erbij.
Ik wil je best helpen, maar dat gaat een beetje lastig zo
Ik heb net met een Less Mixin een tooltje gebouwd om dynamisch een gradient te genereren
Ben met een applicatie bezig die voor elke "ingang"/omgeving een andere kleurset heeft (die komt terug in het active menuitem, koppen e.d.). Met een mixin heb ik gefixt dat hij de inlogknop "styled" aan de hand van de kleur van de omgeving.
Ik wil je best helpen, maar dat gaat een beetje lastig zo
Ik heb net met een Less Mixin een tooltje gebouwd om dynamisch een gradient te genereren
Ben met een applicatie bezig die voor elke "ingang"/omgeving een andere kleurset heeft (die komt terug in het active menuitem, koppen e.d.). Met een mixin heb ik gefixt dat hij de inlogknop "styled" aan de hand van de kleur van de omgeving.| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | gave-kleur-generator(@kleurtje) { @first: lighten(@kleurtje, 20%); @last: darken(@kleurtje, 20%); @stop : darken(@kleurtje, 50%); background-image: linear-gradient(bottom, @first 34%, @last 56%); background-image: -o-linear-gradient(bottom, @first 34%, @last 56%); background-image: -moz-linear-gradient(bottom, @first 34%, @last 56%); background-image: -webkit-linear-gradient(bottom, @first 34%, @last 56%); background-image: -ms-linear-gradient(bottom, @first 34%, @last 56%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.34, @first), color-stop(0.56, @last) ); } |
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Dat kreeg ik alleen aan de praat voor de horizontale centering, verticaal slikte 'ie dat niet. (Daarnaast zou ik eigenlijk een blok verticaal willen centeren met een variabele hoeveelheid content en dus hoogte.)quote:
ja waarom? Gewoon een breedte en margin:0 auto;, eventueel een wrapper erbij.
Maar volgens mij ben ik over m'n IE-ellende heen. Ik schotel nu ook IE9 en IE10 netjes een SVG voor ipv de fallback PNG. (Waardoor IE9 in compatibility mode er twee laat zien maar fuck dat.)
Ik ga naar huis.
...en toen opende je de boel in Opera, wenste je compleet Noorwegen de teringtyfus toe en besloot je maar weer gewoon filmpjes te gaan maken.
Ik ga naar huis.
Als er budgetten voor zijn laat ik het liever doen idd. 
.
Aan de andere kant vind ik het ook leuk om er zelf weer mee te kutten, totdat het op bugfixen neerkomt. Dan is de lol er snel af. HTML+CSS blijft gewoon leuk om te doen, ik wou alleen dat ik mijn hoofd eens meer naar de javascript kant kon zetten.
[ Bericht 16% gewijzigd door nietzman op 16-08-2012 23:32:13 ]
.Aan de andere kant vind ik het ook leuk om er zelf weer mee te kutten, totdat het op bugfixen neerkomt. Dan is de lol er snel af. HTML+CSS blijft gewoon leuk om te doen, ik wou alleen dat ik mijn hoofd eens meer naar de javascript kant kon zetten.
[ Bericht 16% gewijzigd door nietzman op 16-08-2012 23:32:13 ]
Ik ga naar huis.
die blokken hebben een vaste hoogte toch?
Stel dat de hoogte 450 pixels is, doe je toch gewoon
Stel dat de hoogte 450 pixels is, doe je toch gewoon
| 1 | .block { position:absolute; top:50%; bottom:50%;margin-top:-225px; |
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Die bottom:50%; is niet nodigquote:
die blokken hebben een vaste hoogte toch?
Stel dat de hoogte 450 pixels is, doe je toch gewoon
[ code verwijderd ]
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
De blokken wel, maar de content er in is niet altijd blok-vullend. Zo positioneer ik ze nu al.
Ik ga naar huis.
http://css-tricks.com/centering-in-the-unknown/
Verticaal centreren met hulp van een pseudo-ghost element.
Verticaal centreren met hulp van een pseudo-ghost element.
dat dus.
pseudo-elementen in IE zijn ook niet altijd even handigquote:
http://css-tricks.com/centering-in-the-unknown/
Verticaal centreren met hulp van een pseudo-ghost element.
dit kan je ook doen, stukje jQuery
http://jsfiddle.net/maxx0r/vEGkr/4/
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
