Archief - CSS: Positioning probleem (background image) in Firefox

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
o

orez

Legacy Member
http://fad.dfoevents.be/

voor het voorbeeld.

Het probleem --> Mijn footer div.

De footer div bevat dus een background image, die moet top van die footer staan, dus aansluitend op mijn middle div.

Als ik een border rond die div zet gaat hij idd de background image gaan aansluiten.

Is die border weg, dan neemt hij het aantal pixels die ingesteld is voor mijn blokelementen (hier p), om de image weer te geven.

Kvind ni direct iets over deze bug via google of positioniseverything. Dus als iemand een oplossing zou weten...

Tnx in advance
Z

Zero Grav

Legacy Member
Ik heb het nu niet uitgetest of bekeken omdat ik zelf bezig ben met iets maar my guess is dat uw p element net voor het einde van uw div staat. Als ge die p een style="display: inline-block;" gaat meegeven zou dat dan opgelost moeten geraken.
o

orez

Legacy Member
werkt niet.

1. inline-block bestaat niet (inline-table daarentegen wel, maar werkt niet)
2. p element staat gewoon binnen de div. na het p element komt nog een ul.
o

omfg

Legacy Member
bij de margin op uw <p> in je footer heb je gezet
#footer p { margin: 30px auto 5px auto; }
als je dit zet:
#footer p { margin: 0px auto 5px auto; padding-top: 30px; }
dan is je probleem opgelost.
als je je #footer ul dan nog een padding van 0 geeft dan wordt hij ook mooi gecentreerd.
Z

Zero Grav

Legacy Member
orez zei:
werkt niet.

1. inline-block bestaat niet (inline-table daarentegen wel, maar werkt niet)
2. p element staat gewoon binnen de div. na het p element komt nog een ul.
Klik om te vergroten...

http://www.w3.org/TR/2003/WD-CSS21-20030915/visuren.html
Ga eens naar 9.2.4, inline-block bestaat weldegelijk.

Hebt ge het proberen toe te passen op de ul? Dit kan mogelijk ook wel helpen, ik heb deze fout namelijk ook al meerdere malen gehad en steeds zo moeten oplossen (of gewoon met display: inline; ).
o

orez

Legacy Member
kzal eens beide dingen hierboven proberen.
En 'k leer bij, die inline-block wist ik echt niet :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan