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.
Oh ja, dat dus inderdaad. En dat laatste weet ik, ik kom er alleen niet uit hoe ik een déél van de sidebar een achtergrondafbeelding geef die zich netjes tot onder aan de pagina blijft herhalen. Nu loopt hij of wel over de hele lengte, of hij houdt op op het punt dat er geen content meer in de sidebar staat.quote:Op woensdag 15 augustus 2012 16:55 schreef Catch22- het volgende:
wat de neuk is een backdrop?
als je een achtergrondafbeelding wil repeteren, moet je repeat-x gebruiken.
Bedoel je het zoals hier omschreven staat? http://www.alistapart.com/articles/fauxcolumns/quote:
Want dat past het ontwerp inderdaad al toe, maar gaat dus wel over de lengte van de hele pagina, terwijl ik de 'opvulling' van de sidebar pas wil laten beginnen onder de content... (en da's voor de wrapper dus redelijk willekeurig midden in een post)
Ik vermoed dat de hele pagina in een 'tabel' gooien een oplossing zóú kunnen zijn, maar ik heb het gevoel dat ik het dan misschien onnodig moeilijk maak.
Een andere oplossing zou nog kunnen zijn dat ik er voor zorg dat de sidebar stop met scrollen waar de content ophoudt terwijl de wrapper doorscrollt, maar ik denk niet dat dat veel eenvoudiger zal zijn.
[ Bericht 7% gewijzigd door Maartel op 15-08-2012 17:45:55 ]
Kun je niet een div met een repeterende achtergrond maken die langs de hele pagina loopt en er dan een div overheen leggen met de inhoud die je er in wilt hebben.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Ik vind die Quotidien maar een lulletje.
"Social order at the expense of liberty is hardly a bargain."
Uhm, nou, de 'achtergrond' die ik wil gebruiken om de onderste helft van de sidebar op te vullen is vrij aanwezig (echte plaatjes zeg maar) dus veel te druk om achter de sidebar knoppen te hebben.. en die hebben zelf weer een transparante achtergrond omdat de site als geheel al een motiefje als achtergrond heeft.quote:Op woensdag 15 augustus 2012 18:41 schreef BrainOverfloW het volgende:
Kun je niet een div met een repeterende achtergrond maken die langs de hele pagina loopt en er dan een div overheen leggen met de inhoud die je er in wilt hebben.
Nou zou ik kunnen proberen ze van motief te voorzien zodat ze 'wegvallen' in de achtergrond, maar dan nog zou de repeterende achtergrond uit het niets ineens midden in de sidebar tevoorschijn komen, ws ook midden in een afbeelding.
En die plaatjes kun je niet gewoon na de knoppen in dezelfde div laden? Of als aparte div onder de div met je knoppen zetten.quote:
[..]
Uhm, nou, de 'achtergrond' die ik wil gebruiken om de onderste helft van de sidebar op te vullen is vrij aanwezig (echte plaatjes zeg maar) dus veel te druk om achter de sidebar knoppen te hebben.. en die hebben zelf weer een transparante achtergrond omdat de site als geheel al een motiefje als achtergrond heeft.
Nou zou ik kunnen proberen ze van motief te voorzien zodat ze 'wegvallen' in de achtergrond, maar dan nog zou de repeterende achtergrond uit het niets ineens midden in de sidebar tevoorschijn komen, ws ook midden in een afbeelding.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Dat kan wel, maar ze zijn dus bedoeld om de sidebar, indien nodig, op te vullen. Dus wanneer er een pagina met korte posts is zouden ze niet moeten verschijnen, en wanneer er een lange pagina is zouden ze moeten herhalen..quote:
[..]
En die plaatjes kun je niet gewoon na de knoppen in dezelfde div laden? Of als aparte div onder de div met je knoppen zetten.
En de hele sidebar die achtergrond geven, en de content een andere achtergrond daar overheen valt?
Gaan er trouwens nog mensen hier naar Inspireconf in december? Als Jeffrey Zeldman komt spreken moet 't haast wel boeiend zijn.
Gaan er trouwens nog mensen hier naar Inspireconf in december? Als Jeffrey Zeldman komt spreken moet 't haast wel boeiend zijn.
En als je je opvullings div automatisch zijn lengte aan laat passen aan de ruimte die over is. Is er geen ruimte over dan komt die op 0px te staan en zie je hem niet. De plaatjes kun je aan het einde van de div verbergen met 'overflow : hidden'.quote:
[..]
Dat kan wel, maar ze zijn dus bedoeld om de sidebar, indien nodig, op te vullen. Dus wanneer er een pagina met korte posts is zouden ze niet moeten verschijnen, en wanneer er een lange pagina is zouden ze moeten herhalen..
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Dat suggereerde BrainOverfloW ook al, zie mijn vorige antwoordquote:Op woensdag 15 augustus 2012 19:36 schreef picodealion het volgende:
En de hele sidebar die achtergrond geven, en de content een andere achtergrond daar overheen valt?
Maar stopt ie dan netjes aan het eind van één afbeelding, of kapt ie dan alsnog de achtergrondafbeelding op de pixel nauwkeurig af?quote:
[..]
En als je je opvullings div automatisch zijn lengte aan laat passen aan de ruimte die over is. Is er geen ruimte over dan komt die op 0px te staan en zie je hem niet. De plaatjes kun je aan het einde van de div verbergen met 'overflow : hidden'.
De opvullings div automatisch zijn lengte aan laten passen lijkt me wel een optie, ik krijg het alleen vooralsnog niet voor elkaar.. als ik bijvoorbeeld de hele sidebar een achtergrond geef en de hoogte op 100% zet, evenals de hoogte van de wrap, dan houdt de achtergrond in de sidebar alsnog op zodra de content stopt..
Dat gebeurt wel ja, die waarschuwing was ik net in mijn post aan het edittenquote:
[..]
Maar stopt ie dan netjes aan het eind van één afbeelding, of kapt ie dan alsnog de achtergrondafbeelding op de pixel nauwkeurig af?
. Als je ze precies uit wil laten komen moet je denk ik de oplossing in Javascript/JQuery zoeken. Dan kun je de hoogte van het op te vullen stuk berekenen en van daaruit berekenen hoeveel plaatjes je onder je content kunt laden.Een veel gehoort probleem als ik de reacties op google zie. Quick Tip: CSS 100% Height lijkt het op te lossen.quote:De opvullings div automatisch zijn lengte aan laten passen lijkt me wel een optie, ik krijg het alleen vooralsnog niet voor elkaar.. als ik bijvoorbeeld de hele sidebar een achtergrond geef en de hoogte op 100% zet, evenals de hoogte van de wrap, dan houdt de achtergrond in de sidebar alsnog op zodra de content stopt..
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Bedankt!quote:
Een veel gehoort probleem als ik de reacties op google zie. Quick Tip: CSS 100% Height lijkt het op te lossen.
Aan een aantal reacties daar te lezen gaat het met kolommen nog niet altijd op, maar ik ga er toch eens doorheen lezen en wat dingen uitproberen.. wie weet!
Edit: afgaande op wat ik nu gelezen en geprobeerd heb lijk ik toch aangewezen op Javascript.. bummer.
[ Bericht 6% gewijzigd door Maartel op 15-08-2012 20:13:32 ]
Dat stadium is WordPress allang ontgroeid.quote:Op woensdag 15 augustus 2012 12:44 schreef KomtTijd... het volgende:
[..]
CMS Made Simple richt zich vooral op de serieuzere webdevelopers, itt bijv. wordpress wat meer op hobbyisten gericht is.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
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:
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:
[..]
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?
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
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:
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 ]
