Archief - CSS: probleem met box model hack

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.
_

_mocking][bird_

Legacy Member
Ik ben momenteel bezig met een nieuwe site te maken voor een vriend met een eigen 'bedrijfje'.
Ik heb de site ingedeeld via div's. Omdat ik met borders en paddings (zal) werk(en), heb ik gebruik gemaakt van de jullie waarschijnlijk wel bekende box model hack (om de site voor zowel IE als FF te optimaliseren).
Dit is echter niet helemaal goed gelukt, maar ik weet niet waar mijn fout zit.
Het probleem is het volgende:
in FF wordt de structuur perfect weergegeven zoals ik het wil, in IE zijn er tussen de verschillende div's echter nog kleine witruimtes, wat normaal niet het geval zou mogen zijn.
In de onderste div (ik bedoel de lichtblauwe div met de adresgegevens) klopt de padding dan weer niet. In FF lijkt (/is) de padding mij veel meer dan 2px aan elke kant. In FF is deze div ook groter dan in IE... :oink:

Kunnen jullie mij helpen?

De site vind je hier.
Het stijlblad vind je hier.

Alvast bedankt...
h

horse_99

Legacy Member
Hallo bird,

Ik had even het html-bestand en css gedownload om even te testen :).

Ik heb de oplossing voor je probleem gevonden. Met je CSS en box model hacks was niets verkeerd, je had enkel bovenaan het HTML-bestand geen doctype gedeclareerd. Maak van het bovenste gedeelte van je HTML-bestand dit:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Homepage Indores - Test</title>
<link href="stijlblad.css" rel="stylesheet" type="text/css" />
</head>

Wat een doctype niet kan veranderen :). Moest je hetzelfde probleem nog tegen komen, zou ik altijd je doctype eens checken, dit kan soms de interpretatie van de browser beïnvloeden, heb ik zelf al ervaren. Veel plezier.

Groeten, Kristof.
_

_mocking][bird_

Legacy Member
De witte randen zijn inderdaad weg in IE.

Mijn paddings in de div waar de adresgegevens etc. staan komen echter nog altijd niet overeen in IE en FF...
h

horse_99

Legacy Member
_mocking][bird_ zei:
De witte randen zijn inderdaad weg in IE.

Mijn paddings in de div waar de adresgegevens etc. staan komen echter nog altijd niet overeen in IE en FF...
Klik om te vergroten...

Ik heb je CSS bestand nog eens nagekeken.

Voeg bij div#info p de gele regel nog toe:

Code: 
div#info p {
padding: 0px 0px 0px 0px;
[COLOR=Yellow]margin: 0px;[/COLOR]
text-align: center;
font-family: verdana;
font-size: 11px;
color: #FFFFFF;
}

Ook oppassen met de margin instellingen van paragrafen. Verschillende browsers nemen verschillende instellingen hiervoor als je dit zelf niet instelt, met alle gevolgen vandien.

Edit: je gebruikt absolute positionering voor de meeste alle elementen. Nu, ik weet niet wat je van plan bent, ik denk dat je je content gaat openen in een frame die in #content komt te staan, maar als dit niet je bedoeling is en #content een variabele hoogte krijgt qua inhoud, dan raad ik je aan om je content en navigation met floats te positioneren.

Groeten, Kristof.
_

_mocking][bird_

Legacy Member
De content komt in de div die daarvoor voorzien wordt, maar zal niet veranderen in hoogte. Ik zal mijn content dus aanpassen aan de div waarin die moet komen. Dus denk ik dat ik niet moet veranderen van positionering?

Bedankt voor te hulp en tip!
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