iframe inside div (needing help)

[falaputo]

hi, ive been doing a website for my clan... and i putted various colums of divs, some with images, and anothers with iframe.

somehow the iframe hides the others divs coming after his code.


<div id="container">
<div id="container1"><img src="_files/container1.jpg"/></div>
<div id="container2"><iframe name="main" src="index.html" width="550" height="686" scrolling="no" frameborder="0"/></div>

<div id="container3"><div id="container3p1"><img src="_files/container3p1.jpg"/></div><div id="container3p2"><div id="container3p2p1"><img src="_files/container3p2p1.jpg"/></div><div id="container3p1p2p2"><iframe src="http://falaputo.freeshoutbox.net" width="160" height="250" scrolling="no" frameborder="0"/></div><div id="container3p2p3"><img src="_files/container3p2p3.jpg"/></div><div id="container3p2p4"><a href="http://www.gametracker.com/server_info/82.192.78.6:7020/"><img src="http://cache.www.gametracker.com/server_info/82.192.78.6:7020/b_160x400_T0_F-1_C7A7A7A-049507-7A7A7A-000000.png" border="0" /></a></div><div id="container3p2p5"><img src="_files/container3p2p5.jpg"/></div>
</div><div id="container3p3"><img src="_files/container3p3.jpg"/></div></div>

<div id="container4"><img src="_files/container4.jpg"/></div>
</div>

<div id="footer">
<div align="center" class="footer"><span class="copyright">&copy;</span> RêV$ 2007- 2008</div>
</div>


#container {
width: 800px;
height: 686px;
margin: 0 auto;
background-color: #31343d;
}

#container1 {
float: left;
width: 19px;
height: 686px;
margin: 0 auto;
}

#container2 {
float: left;
width: 550px;
height: 686px;
margin: 0 auto;
}

#container3 {
float: left;
width: 212px;
height: 686px;
margin: 0 auto;
}

#container3p1 {
float: left;
width: 17px;
height: 578px;
margin: 0 auto;
}

#container3p2 {
float: left;
width: 160px;
height: 578px;
margin: 0 auto;
}

#container3p2p1 {
width: 160px;
height: 4px;
margin: 0 auto;
}

#container3p2p2 {
width: 160px;
height: 250px;
margin: 0 auto;
}

#container3p2p3 {
width: 160px;
height: 8px;
margin: 0 auto;
}

#container3p2p4 {
width: 160px;
height: 312px;
margin: 0 auto;
}

#container3p2p5 {
width: 160px;
height: 4px;
margin: 0 auto;
}

#container3p3 {
float: left;
width: 35px;
height: 578px;
margin: 0 auto;
}


#container4 {
float: left;
width: 19px;
height: 686px;
margin: 0 auto;
}

so the only thing i see is the iframe and the code before.
but if i trade the iframe for an image it works fine.

for example:
the iframe of the div id="container2",
in firefox, it ignores all the code after this iframe
in IE, it ignores all the code after, except the other iframe


i would apreciatte any help of the members of this forum.
oh, and sorry for my bad english.

[falaputo]

i dont know if the code before this affects how it should work :\
the mesures of the website are 800px*1000px

[Medyman]

You don't have closing iframe tags.

Add </iframe> at the end of your iframe tag.


<iframe width="#" height="# .....></iframe>

[falaputo]

lol... worked
i didnt tried that

, btw i putted
<iframe width="111" />

in divs, the /> on end works perfecly but not on iframe i guess


thx m8!

[BLiZZaRD]

Not all tags are self closing tags. ;)