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.
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:Op vrijdag 17 augustus 2012 12:37 schreef Catch22- het volgende:
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:Op dinsdag 21 augustus 2012 12:43 schreef stefanhaan het volgende:
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 ]
