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.
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:Op donderdag 16 augustus 2012 17:18 schreef Catch22- het volgende:
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?
Alleen IE7 ondersteund ze niet, vanaf ie8 kan je ze gewoon gebruiken...quote:
[..]
pseudo-elementen in IE zijn ook niet altijd even handig
dit kan je ook doen, stukje jQuery
http://jsfiddle.net/maxx0r/vEGkr/4/
Hoe minder JavaScript-vervuiling op een pagina, hoe beter, lijkt mij..
dat dus.
Klopt, maar als je het met een klein stukje javascript werkend maakt in browsers die anders lopen te klooien en je geen betere oplossing weet dan een blok op je site waarin je meldt dat je het niet voorelkaar krijgt, dan is het zo gek nog niet
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?
Javascript vervuiling noemen, tsk.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ik stoei nog even verder met link en fiddle, die link had ik al eens geprobeerd maar die zal ik zelf wel verneukt hebben door al m'n vieze andere hacks. Thanks.
Ik ga naar huis.
Eigenlijk moet je je centrering doen met display:box 
in moderne browsers that is
in moderne browsers that is
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?
En dat is gelijk het beste argument waarom je het niet moet doen: De specificatie is nog niet af en kan nog regelmatig wijzigen. Ondertussen ís deze gewijzigd en de nieuwe syntax is display: flex;quote:
Eigenlijk moet je je centrering doen met display:box
in moderne browsers that is
zie ook http://css-tricks.com/old-flexbox-and-new-flexbox/ voor alle verschillende versies en natuurlijk de officiele working draft op http://www.w3.org/TR/css3-flexbox/
dat dus.
Centering met margin: 0 auto;
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
Op
Kan het kwaad om zonder problemen de main{ css style van width 1000 naar 1050 te wijzigen?
Voor zover ik heb gezien heeft het nergens invloed op.
Reden waarom ik dit wil wijzigen is omdat de afbeelding van mijn footer wordt afgesneden bij 1000 px. En deze wil ik 1050 pix breed hebben.
Kan het invloed hebben op iets dat bijv. right align heeft en dan padding-right: xx px?
Of is het wellicht verstandiger om overflow: hidden gewoon weg te halen bij de main { ?
Voor zover ik heb gezien heeft het nergens invloed op.
Reden waarom ik dit wil wijzigen is omdat de afbeelding van mijn footer wordt afgesneden bij 1000 px. En deze wil ik 1050 pix breed hebben.
Kan het invloed hebben op iets dat bijv. right align heeft en dan padding-right: xx px?
Of is het wellicht verstandiger om overflow: hidden gewoon weg te halen bij de main { ?
Als je er geen verstand van hebt, lijkt het me alleszins verstandiger om die afbeelding gewoon 50px te verkleinen.
En anders: je kunt het altijd even proberen
En anders: je kunt het altijd even proberen
Het heeft alleen invloed op gebruikers die nog op 1024x768 zitten. Die krijgen dan een horizontale scrollbar.quote:Op dinsdag 21 augustus 2012 09:54 schreef Snoepje5 het volgende:
Kan het kwaad om zonder problemen de main{ css style van width 1000 naar 1050 te wijzigen?
Voor zover ik heb gezien heeft het nergens invloed op.
Reden waarom ik dit wil wijzigen is omdat de afbeelding van mijn footer wordt afgesneden bij 1000 px. En deze wil ik 1050 pix breed hebben.
Kan het invloed hebben op iets dat bijv. right align heeft en dan padding-right: xx px?
Of is het wellicht verstandiger om overflow: hidden gewoon weg te halen bij de main { ?
Maar weet natuurlijk niet voor welke resolutie je de site aan het maken bent. Verder wat diegene boven me zegt.
Het is een beetje het idee als bij de coolblue.nl footer.
Als ik de afbeelding met 50 verklein, dan sluit die niet aan de zijkanten waardoor er dus eigenlijk twee witte strepen naast de zijkant staan omdat de achtergrond iets breder is dan 1000px.
Krijgen gebruikers met een resolutie van 1024x... bij beide gevallen zoals ik hierboven noem een horizontale scrollbar?
Tja voor welke gebruikers ik de site maak, voor iedereen. Het is geen 'gaming' doelgroep bijv. die sowieso wel hogere resoluties als 1024x gebruiken.
Als ik de afbeelding met 50 verklein, dan sluit die niet aan de zijkanten waardoor er dus eigenlijk twee witte strepen naast de zijkant staan omdat de achtergrond iets breder is dan 1000px.
Krijgen gebruikers met een resolutie van 1024x... bij beide gevallen zoals ik hierboven noem een horizontale scrollbar?
Tja voor welke gebruikers ik de site maak, voor iedereen. Het is geen 'gaming' doelgroep bijv. die sowieso wel hogere resoluties als 1024x gebruiken.
Oke: bij beide gevallen komt er een horizontale scroll bar inderdaad..
Dan eens kijken hoe het anders opgelost kan worden.. als dat kan.
Vraag me wel af in hoeverre het nog realistisch is om te denken dat er 1024x gebruikers bestaan. Dat is werkelijk 50% of nog minder dan mijn huidige scherm... Zelfs de iPad komt daar van in de buurt..
Dan eens kijken hoe het anders opgelost kan worden.. als dat kan.
Vraag me wel af in hoeverre het nog realistisch is om te denken dat er 1024x gebruikers bestaan. Dat is werkelijk 50% of nog minder dan mijn huidige scherm... Zelfs de iPad komt daar van in de buurt..
Interessant: http://tweakers.net/nieuw(...)-pixelbezitters.html
Toch nog maar voor 1024x blijven optimaliseren dus..
Toch nog maar voor 1024x blijven optimaliseren dus..
ga maar eens bij bedrijven langs. Die werken vaak nog op zulke resoluties met kleinere schermenquote:
Oke: bij beide gevallen komt er een horizontale scroll bar inderdaad..
Dan eens kijken hoe het anders opgelost kan worden.. als dat kan.
Vraag me wel af in hoeverre het nog realistisch is om te denken dat er 1024x gebruikers bestaan. Dat is werkelijk 50% of nog minder dan mijn huidige scherm... Zelfs de iPad komt daar van in de buurt..
It was an opportunity to honour our memories and to make room for new ones
Heb je gelijk in ja.. hier op de universiteit staat het ook nog vol met van die pruts mini schermpjes.quote:Op dinsdag 21 augustus 2012 11:49 schreef stefanhaan het volgende:
[..]
ga maar eens bij bedrijven langs. Die werken vaak nog op zulke resoluties met kleinere schermen
net als dat die ook nog op IE 7 of 8 zitten. Alhoewel het merendeel wel voort van 7 af is gelukkig. Maar nog een hoop met IE8quote:
[..]
Heb je gelijk in ja.. hier op de universiteit staat het ook nog vol met van die pruts mini schermpjes.
Maar gelukkig bestaan er dingen zoals Modernizr
It was an opportunity to honour our memories and to make room for new ones
Hé, maar als ik die 1050 wijzig naar 1024 max width zou er gen probleem moeten zijn toch in vergelijking met de 1000 die ik eerst had?quote:
[..]
net als dat die ook nog op IE 7 of 8 zitten. Alhoewel het merendeel wel voort van 7 af is gelukkig. Maar nog een hoop met IE8
Maar gelukkig bestaan er dingen zoals Modernizr
volgens mij niet.quote:
[..]
Hé, maar als ik die 1050 wijzig naar 1024 max width zou er gen probleem moeten zijn toch in vergelijking met de 1000 die ik eerst had?
Ik zou zeggen probeer het even
It was an opportunity to honour our memories and to make room for new ones
Ja nja werkt niet, zit ik nog steeds met de achtergrond. Ik geef wel een andere draai aan de footer..
heb je een linkje mogelijk dat ik kan kijken?quote:
Ja nja werkt niet, zit ik nog steeds met de achtergrond. Ik geef wel een andere draai aan de footer..
Heb nl wel een idee hoe je het op kan lossen. Linkje mag ook via DM evt
It was an opportunity to honour our memories and to make room for new ones
met deze code fix je het:
Ipv de background op je #footer moet die op de container staan
En dan de achtergrond kleur van #footer weghalen dat groene.
Kan alleen wel problemen geven op 1024x768 maar zover ik gekeken heb is het ook op die resolutie goed.
| 1 2 3 4 5 6 7 8 | .main { width:1050px; overflow-x:hidden; } #footerContainer { background: url('xx') etc wat je er had staan; } |
Ipv de background op je #footer moet die op de container staan
En dan de achtergrond kleur van #footer weghalen dat groene.
Kan alleen wel problemen geven op 1024x768 maar zover ik gekeken heb is het ook op die resolutie goed.
It was an opportunity to honour our memories and to make room for new ones
Zou je eens kunnen kijken? Ik heb de wijzigingen doorgevoerd.quote:
met deze code fix je het:
[ code verwijderd ]
Ipv de background op je #footer moet die op de container staan
En dan de achtergrond kleur van #footer weghalen dat groene.
Kan alleen wel problemen geven op 1024x768 maar zover ik gekeken heb is het ook op die resolutie goed.
Maar is het probleem om 1024px nu niet dat er een scroll bar komt?
Met overflow-x:hidden komt er nooit een horizontale scrollbalk. Dat word geclipt dan als het goed is.quote:
[..]
Zou je eens kunnen kijken? Ik heb de wijzigingen doorgevoerd.
Maar is het probleem om 1024px nu niet dat er een scroll bar komt?
It was an opportunity to honour our memories and to make room for new ones
De width 1000px had ik al weggehaald. Dan moet het nu oké zijn?quote:
[..]
Met overflow-x:hidden komt er nooit een horizontale scrollbalk. Dat word geclipt dan als het goed is.
Enige wat ik nu wel opmerk is dat de afbeelding van de footer mee verschuift bij 1024px.
quote:
[..]
De width 1000px had ik al weggehaald. Dan moet het nu oké zijn?
Alleen nog bij #footer
| 1 | background-color: #F0F8FD; |
Je krijgt op 1024x768 wel een horizontale scrollbalk. Maar dat kan je alleen fixen als heel je website 1004px breed is.
It was an opportunity to honour our memories and to make room for new ones
Duidelijk. Bedankt voor je hulp.quote:
[..]
Alleen nog bij #footer
[ code verwijderd ]
weghalen.
Je krijgt op 1024x768 wel een horizontale scrollbalk. Maar dat kan je alleen fixen als heel je website 1004px breed is.
Nu moet ik dan overwegen of het verstandig is om 'm niet voor 1024 te optimaliseren..
Eventueel kan ik nog 4 pixels van de zijkant van de achtergrond snijden.. Dan is die ook voor 1024 geoptimaliseerd want dan kan ik de footer ipv 1028px 1024px maken.
Dan weet ik dus niet wat ik moet doen.. Want dan zou 1024px breed ook niet voldoende zijn voor een 1024 monitor omdat er nog 20px scrollbalk bijkomt. Is het echter niet zo dat die de 20px van de scroll balk verticaal niet meetelt? Bij mij hakt die namelijk eerst 20px van de zijkant af die achter de scroll balk verdwijnen voordat die horizontaal gaat scrollen.quote:
1004 is de maximum breedte die je moet aanhouden. Scrollbar is twintig pixels breed.
[ Bericht 6% gewijzigd door Snoepje5 op 21-08-2012 13:20:51 ]
