Archief - HTML/CSS: iFrame marge probleem

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.

[EZ]

Legacy Member
Hallo,

Ik zit met een probleempje in een nieuwe site, waar ik maar geen oorzaak of oplossing voor vind.

de site: http://users.telenet.be/pimp/school/ezhimselfv2_beta/

Als je op het eerste item in de nav klikt, opent zich eronder een subnav-en een page-iframe, maar die iframes staan 5px te ver naar onder en naar rechts, wat natuurlijk niet de bedoeling is...

zo zou het er moeten uitzien (maar dan met de subnav rechts):
http://users.telenet.be/pimp/school/ezhimselfv2_layout/ (hier het gwn een afb)

Ik gebruik nochthans geen padding of margin :s

de css: http://users.telenet.be/pimp/school/ezhimselfv2_beta/layout/stylesheet_index.css
http://users.telenet.be/pimp/school/ezhimselfv2_beta/layout/stylesheet_pages.css
(niet letten op de slordige html en de afwerking, daar moet nog veel aan veranderen, maar dit probleem ergert me zo hard dat'k dat eerst van de baan wil :p)

Kent iemand een oplossing?



grtz en dank bij voorbaat
EZ

Shalie

Legacy Member
De reden voor het naar rechts gaan van het submenu:

Code:
#subnavigation {
background-image: url(../subnavigation/subnavigation_background_blue.png);
width: 640px;
height: 25px;
[COLOR="DarkRed"]text-align: right;[/COLOR]
}

Die 5px te ver naar onder zou je miss kunnen oplossen met:

Code:
margin-top: -5px;

[EZ]

Legacy Member
Merci, zo heb'k het opgelost:

Code:
#subnavigation {
background-image: url(../subnavigation/subnavigation_background_blue.png);
width: 640px;
height: 25px;
margin-left: -8px;
margin-top: -8px;
}

#text {
width: 640px;
height: 455px;
margin-left: -8px;
}
(twaren blijkbaar 8px en de textdiv had ook last van die margin)

[EZ]

Legacy Member
werkte toch niet helemaal, in IE moest'k de margin hoger zetten, waardoor het in FF f*cked was, maar kheb zelf iets gevonde:

Code:
body {
margin: auto;}

simple yet efficient :p
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