Welcome to WebmasterWorld Guest from 34.239.158.107

Forum Moderators: open

Message Too Old, No Replies

I frame positioning

Iframe

     
11:11 pm on Apr 7, 2016 (gmt 0)

New User

joined:Mar 15, 2016
posts: 11
votes: 0


How do would I go about seting up 10 iframes on one page, two wide (50% each)
and something like 60% tall, with a min-height and min-width of say 600px.

I am sorry if this is so easy that posting is just a nusance... but I have used like 4 hours trying to figure this one out.

This is so far I got:
<style type="text/css">
html, body{
height: 100%;
}
#s1 {
position: relative
height:50%;
width:50%;
float:left;
}
#s2 {
position: relative
height:50%;
width:50%;
float:right;
}
</style>
</head>
<body>

<div id="s1">
<p>Vote</p>
<iframe id="my-iframe" src="http://minecraftservers.org/vote/333106" scrolling="no" style="position:absolute; top:-20%; left:0px; width:50%; height:80%; min-height:790px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999; ">
</iframe>
</div>

<div id="s2">
<p>Vote</p>
<iframe id="my-iframe" src="https://topg.org/Minecraft/in-429855" scrolling="no" style="position:absolute; top:0px; rigt:0px; width:50%; height:60%; min-height:594px; border:none; margin:0; padding:0; overflow:hidden; z-index:999999; ">
</iframe>
</div>