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 probeer meestal een combi van margins/paddings te verzinnen zodat het zowel boven- als onderaan gewoon goed uit komt. Meestal is dat wel te doen maar ik kan me idd wel situaties indenken waarin je daar niet mee weg komt.
ik probeer op een template (geleend uit Dreamweaver) een aanpassing te maken zodat de onderkant een x aantal pixels van de browser rand zit, zodat je dus de body background ziet..
alleen pakt hij om de 1 of andere wazige reden margin-bottom niet..
ik heb met firebug gekeken of hij wellicht werd overruled ofzo, maar daar komt bar weinig uit..
iemand die een zetje in de goede richting kan geven?
http://tinyurl.com/2v7r9zl <- een voorbeeld
het gaat mij dus om de #pagecel1 die ik een stukje van de browser rand wil hebben...
wat doe ik verkeerd?
alleen pakt hij om de 1 of andere wazige reden margin-bottom niet..
ik heb met firebug gekeken of hij wellicht werd overruled ofzo, maar daar komt bar weinig uit..
iemand die een zetje in de goede richting kan geven?
http://tinyurl.com/2v7r9zl <- een voorbeeld
het gaat mij dus om de #pagecel1 die ik een stukje van de browser rand wil hebben...
wat doe ik verkeerd?
hmm oke, jammer danquote:Op zondag 26 december 2010 22:23 schreef KomtTijd... het volgende:
Ding is absoluut gepositioneerd.... Dat kun je wel schudden dus!
edit:
dit heeft me wel de goede richting op geduwd..
ik heb het element nu relative i.p.v. absoluut gepositioneerd
de top:109px weggehaald en
Margin-bottom:10px;
Margin-top:109px;
toegevoegd, wellicht is dit een erg smerige manier van doen, maar de site oogt zowel in FF als in IE nog zoals bedoeld, maar nu met een onderrandje...
ik weet echter niet wat er gebeurd als de content veranderd
(mocht dat toch problemen opleveren, draai ik het terug [ Bericht 39% gewijzigd door mschol op 26-12-2010 22:48:11 ]
Maarja, dat is lastig als niet zeker is welke paragraaf de eerste en welke de laatste wordt.quote:
Inderdaad. Ik gebruik zelf nog steeds vaak classes .first en .last. Erg jammer, goede support voor al die pseudo-classes maakt het werk zo veel makkelijker. Tuurlijk zijn er Javascript hacks die moderne CSS ook werkend maakt in IE6/7/8 - maar mijn ervaring is dat de performance van dat soort scripts nogal eens te wensen over laat.
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
Bleuh.
Zo'n div uberhaupt absoluut positioneren is de smerige manier van doen. Maar in principe moet het zo gewoon goed gaan denk ik.quote:
[..]
hmm oke, jammer dan
edit:
dit heeft me wel de goede richting op geduwd..
ik heb het element nu relative i.p.v. absoluut gepositioneerd
de top:109px weggehaald en
Margin-bottom:10px;
Margin-top:109px;
toegevoegd, wellicht is dit een erg smerige manier van doen, maar de site oogt zowel in FF als in IE nog zoals bedoeld, maar nu met een onderrandje...
ik weet echter niet wat er gebeurd als de content veranderd
Inderdaad. Schijt hebben aan IE is steeds vaker ook mijn oplossing voor datsoort details.quote:
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
Precies. Nu de opdrachtgevers van mn baas er nog van zien te overtuigen. Gaat al steeds beter, IE6 is nauwelijks meer aandacht voor, maar men wil toch wel vaak graag een 1:1 replica zien van de statische PSD's die gemaakt zijn. Ik snap niet dat er nog steeds bedrijven zijn die websites tot op de pixel nauwkeurig uitwerken in Photoshop - en daarna uren bezig zijn om het pixel voor pixel na te maken. Heeft geen zin, is meestal niet haalbaar en levert naar mijn idee ook geen enkele meerwaarde op. Maar ja...
Bleuh.
in IE7 viel de gehele navigatie balk bovenin de pagina weg, met wat aanpassen ziet hij er zo goed als hetzelfde uit in IE7/IE8/IE9, FF & Chromequote:
[..]
Zo'n div uberhaupt absoluut positioneren is de smerige manier van doen. Maar in principe moet het zo gewoon goed gaan denk ik.
in IE6 ziet hij er wel hetzelfde uit, maar functioneert hij niet goed i.v.m. een CSS :hover die ik gebruik voor navigatie
dat ga ik alleen niet aanpassen.. geen zin in en het is redelijk nutteloos...
Hey hey.
Even een vraagje.
Ik heb nu de volgende site:
http://deridderbrandbeveiliging.nl/index_new.htm
Echter wil ik dat het logo vlak boven de paarse footer komt te staan in plaats van vlak onder het menu.
Alleen lukt het me niet.
Even een vraagje.
Ik heb nu de volgende site:
http://deridderbrandbeveiliging.nl/index_new.htm
Echter wil ik dat het logo vlak boven de paarse footer komt te staan in plaats van vlak onder het menu.
Alleen lukt het me niet.
Dat logo moet je dan absoluut positioneren, maar dit wordt lastig omdat je de kolommen ook relatief positioneert (tenzij je met een negatieve bottom-positionering gaat werken als de hoogte van de linkerkolom vast staat). Anders zou ik de #logo-div verplaatsen en die absolute positioneren van de onderkant.
Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt
Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt
Bleuh.
Mja, het logo had ik nu al klaar staan. Maar aan de rechterkant komt ook een image die hetzelfde zou moeten doen.quote:
Dat logo moet je dan absoluut positioneren, maar dit wordt lastig omdat je de kolommen ook relatief positioneert (tenzij je met een negatieve bottom-positionering gaat werken als de hoogte van de linkerkolom vast staat). Anders zou ik de #logo-div verplaatsen en die absolute positioneren van de onderkant.
Waarom je uberhaupt een logo onderaan het scherm zou willen is uiteraard een heel ander punt
Bottom hoogte staat vast. Ga daar denk even mee stoeien. Tnx
Idd. Het ging om de margin van de tekst, dat is niet echt heel storend als het fout gaat.quote:
Voor dat soort gevallen gebruik ik dan dus ook gewoon pseudoselectors. Dingen als de eerste alinea van een artikel dikgedrukt en iets groter tonen is dan iets wat mensen met een oude browser maar moeten missen. Voor essentiele dingen als menu's e.d. kun je dat echter niet maken IMO, dat bijv. een laatste menu item van het scherm valt omdat de browser :last-child/:last-of-type (nog) niet ondersteunt.
Lieve schatten, kan iemand me even uit de brand helpen? Op één of andere manier maakt Chrome van mijn images/bg.jpg, word het css/images/bg.jpg. Dit doet het bij 2 images, de rest niet.. Anyone got a clue?
Thanks in advance,
Thanks in advance,
---
quote:
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ik neem aan dat het verder niet veel met de code te maken heeft, maar misschien iets dat chrome in de cache onthoud of iets?
body {
background: url(images/bg.jpg);
}
word ineens
body {
background: url(file:///C:/Users/Marciano/Desktop/EMPEFINAL2/css/images/header.jpg);
}
Waar slaat dit op? =P
En ja, het plaatje bg.jpg bestaat wel en staat in de images map, voorheen deed hij het wel :/
body {
background: url(images/bg.jpg);
}
word ineens
body {
background: url(file:///C:/Users/Marciano/Desktop/EMPEFINAL2/css/images/header.jpg);
}
Waar slaat dit op? =P
En ja, het plaatje bg.jpg bestaat wel en staat in de images map, voorheen deed hij het wel :/
---
Dan gooit hij er weer de hele rits ervoor, en krijg ik 2x dezelfde zin.
waar die /css/ vandaan komt heb ik geen idee van, heb niet eens een css mapje aangemaakt in empefinal2 :s
waar die /css/ vandaan komt heb ik geen idee van, heb niet eens een css mapje aangemaakt in empefinal2 :s
---
Dat daar een fout zit snap ik ook. Zoals ik zei is het alleen bij 2 plaatjes het geval, en niet bij de anderen. Ik zie namelijk gewoon mijn images/mountains.png, mijn images/fish.png e.d alleen de header en bg wil hij niet laten zien.
---
Wat is je directorystructuur dan? Aan je CSS te zien zou het volgens mij:
Of faal ik nu hopeloos?
moeten zijn, maar dat lijkt me vrij onlogisch:quote:/css
/css/images
is waarschijnlijker. Je moet dan de juiste paden gebruiken, door '../images/' te gebruiken. Als je 'images/' gebruikt zal dit volgens mij alleen werken op de homepage van je site, aangezien het pad dan nog wel klopt.quote:/css
/images
Of faal ik nu hopeloos?
Bleuh.
