Archief - iframe centreren

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

eddie

Legacy Member
Hello,

Ben nu toch al wel een tijdje met iets aan het knoeien maar heb de indruk dat ik er bijna ben...
Ik probeer een iframe volledig te centreren in een pagina.
In het begin kreeg ik hem enkel horizontaal gecentreerd (ik heb echt niet zoveel verstand van websites bouwen) maar nu ik hem eindelijk verticaal gecentreerd heb weet ik niet meer hoe ik hem ook horizontaal kan centreren.

het gaat over de volgende page: Upload Form

en hier is mijn code:
Code: 
<html>
<head>
<title>Upload Form</title>
<style type="text/css">

body, html {height: 100%;}
#outer {height: 100%; overflow: hidden;}
#outer[id] {display: table; position: static;}
#middle {width: 100%; text-align: center;}
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;}
#inner {width: 370px; margin-left: auto; margin-right: auto;}
#inner[id] {position: static;}

body
{
	background-image:url('background 9.png');
	background-repeat:repeat;
	background-position:inherit;
}
</style>

</head>

<body>
<div id="outer">
  <div id="middle">
    <div id="inner">
      <iframe src='/contact/contactform.php' frameborder='0'
width='370' height='360' allowtransparency='true'></iframe>
    </div>
  </div>
</div>
</body>
</html>

Wat ik ook niet begrijp is dat wanneer de pagina schermvullend is, er nog steeds rechts een scrolbalk te zien is...

Merci voor de aandacht en hopelijk kan iemand mij helpen!
-

-BVR-

Legacy Member
Waarom zijn die inner, middle en outer divs nodig? Eentje is al meer dan voldoende voor wat jij wilt doen?

HTML: 
<html>
<head>
<title>Upload Form</title>
<style type="text/css">
body, html {
	height: 100%;
	width: 100%;
	margin: 0;
}

body {
	background-color: #f5f5f5;
}

iframe#form {
	width: 370px;
	height: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -185px;
}
</style>

</head>

<body>
<iframe id="form" src='contact.php' frameborder='0' allowtransparency='true'></iframe>
</body>
</html>
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