Archief - CSS: Div Positionerings probleem (FF)

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.

Don Kedero

Legacy Member
ik zit met het volgende probleem:

screenshotje (niet letten op de kwaliteit)
http://www.kedero.com/firefox.jpg

op die screenshot zie je de site 2 keer, 1 keer correct (links) en 1maal fout (rechts). deze screenshots zijn gemaakt van Firefox (IE heeft hier geen probleem op, logischer wijze zie ik ook niet het probleem).

ik heb de divs respectievelijk geel en rood gemaakt, om beter te zien wat er juist gebeurt, de totale breedte is 800px, het geel telkens 600px en het rood 140px, nog ruim genoeg over dus, maar toch zet ie ze in firefox soms onder elkaar?
Iemand met een oplossing?

CSS:
Code:
	#page #container {
		background-image: url(PageContainer.gif);
		background-repeat: repeat-y;
		background-position: center;
		width: 800px;
		display: table;
	}

		#page #container #content {
			width: 600px;	/* 635 = 610 - 25 van de padding */
			background-color: Yellow;
			float: left;
		}

		#page #container #menu {
			width: 140px;	/* werkelijk 165px breed, 150 + 25px van padding */
			float: right; /* er is dus nog 800 - 165 = 635px over */
			
		}

Bram

Legacy Member
heb ik ook al gehad, maar dan in IE, bleek dat ik in m'n #master (of #container of hoe die ook noemt) te weinig breedte had voorzien doordat ik geen rekening had gehouden met paddings, margins en/of borders...
ligt het daar nergens aan?

Don Kedero

Legacy Member
nopah, iets raars, 1 keer doet ie het goed, andere keer da'k F5 duw doet ie het soms verkeerd.

Container: 800px;
Menu: 140px;
Content: 600px;

=> 60px der tussen dat ik over heb, en nog doet ie het
http://archivist.incutio.com/viewlist/css-discuss/57581

anyway k'zal eens testen door element per element toe te voegen en te zien wanneer ie het begint te doen ...

Don Kedero

Legacy Member
Ok, het gaat dus verkeerd wanneer de image er geplaats wordt (die 100px korter is dan de beschikbare breedte :wtf:)
Ik dacht eerst doordat de image afmeting niet meegegeven wordt, dat firefox niet direct wist hoe hij het moest renderen en het dus de mist in ging, maar na een vaste width en height mee te geven, blijft hij het doen ... heel raar, update van firefox helpt ook niks (ge weet nooit eh) k'ga het voorlopig zo laten :(
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