473,242 Members | 1,700 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,242 software developers and data experts.

I'm having trouble displaying two iframes side-by-side.

Screaming Eagle
Ok, so some associates and I are building a website, and I'm in charge of the design and layout. I've decided to go with a simple navigation bar on top contained in its own div. Under the navigation bar, I have two iframes contained in one div and each iframe in its own inside the container div. In theory it was supposed to have shown the user statistics to the left at a width of 160 pixels and lowered from the top at 73 pixels. That displays fine.

Where everything falls apart is when the second iframe: "iframemain" (which should show up right next to the first) appears beneaththe user statistics iframe, and at the same dimentions as the user statistics iframe; I simply want it to take up the rest of the screen with my "iframemain".

This problem seems to happen on both IE6 and Firefox

I have tried not having a container div around both; I've removed the html height/width elements that I had previously placed in the body of the code; I've played around with height and width in the CSS coding as well; I taken away absolute postions, and as you can see, I've made the user div inline. I'm pretty much stumped as to what I'm missing here. Can anyone give me a pointer?

This is my CSS code:

Expand|Select|Wrap|Line Numbers
  1. body {font-size:8pt}
  2.  
  3. hr  {color:black}
  4.  
  5. p.img {font:8pt; color:black}
  6.  
  7. a.reg:link,a.reg:visited,a.reg:active       {font:6pt; color:black; text-decoration:none}
  8. a.reg:hover     {font:6pt; color:black; text-decoration:underline}
  9.  
  10. th,tr,td   {color:black; font-size:8pt}
  11.  
  12. table.one   {table-layout:auto; border-collapse:separate;
  13.     empty-cells:show; border-color:white;
  14.     border-style:none; padding:0; margin:0}
  15.  
  16. div.main {float:left; border:1px; overflow:hidden;
  17.     left:0px; top:0px; padding:0; margin:0}
  18.  
  19. div.wb1 {float:left; background-color:white; 
  20.     width:325px; height:390px; z-index:0}
  21.  
  22. div.background  {float:left; left:0px; top:0px;
  23.     padding:0; z-index:-1}
  24.  
  25. div.nav {float:left; height:70px; border:1px; border:solid; 
  26.     border:black; left:1px; top:1px; padding:0}
  27.  
  28. div.contain {float:left; width:100%; padding:0; margin:0}    
  29.  
  30. div.user {float:left; width:160px; 
  31.     border:1px; border:solid; border:black;
  32.     left:1px; top:73px; padding:0; display:inline}
  33.  
  34. div.iframemain {float:left; top:73px; left:163px;
  35.     padding:0}
  36.  
  37. img.background1  {left:0px; top:0px; z-index:-1}
  38.  
  39. img.background2 {margin-left:20%}
  40.  
This is my xhtml code:

Expand|Select|Wrap|Line Numbers
  1. <div class="nav">
  2.       <!-- THE NAVBAR!-->
  3.       <table class="one" style="margin-left:350px" cellpadding="5">
  4.         <tr>
  5.           <td><a class="reg" href="nav1.htm" target="actframe">Nav choice1</a></td>
  6.           <td><a class="reg" href="area.htm" target="actframe">Nav choice2</a></td>
  7.           <td><a class="reg" href="nav2.htm" target="actframe">Nav choice3</a></td>
  8.           <td><a class="reg" href="nav3.htm" target="actframe">Nav choice4</a></td>
  9.           <td><a class="reg" href="nav4.htm" target="actframe">Nav choice5</a></td>
  10.           <td><a class="reg" href="nav5.htm" target="actframe">Nav choice6</a></td>
  11.         </tr>
  12.         <tr>
  13.           <td><a class="reg" href="nav6.php" target="actframe">Nav choice6</a></td>
  14.           <td><a class="reg" href="nav7.htm" target="actframe">Nav choicel8</a></td>
  15.           <td><a class="reg" href="nav8.htm" target="actframe">Nav choice9</a></td>
  16.           <td><a class="reg" href="http://www.mywebsite.net/forums/" target="_blank">Forums</a></td>
  17.           <td><a class="reg" href="bugreport.htm" target="actframe">Bug Report</a></td>
  18.           <?php
  19.  
  20.           if($usertype == "Admin")
  21.           {
  22.           echo "<td><a class=\"reg\" href=\"admin.php\" target=\"actframe\">Admin</a></td>";
  23.           }
  24.  
  25.           ?>
  26.         </tr>
  27.       </table>
  28.     </div>
  29.  
  30.     <div class="contain">
  31.  
  32.       <div class="user">
  33.         <!--this contains a separate page on the left of the screen for user statistics-->
  34.         <iframe src="user.php" name="showframe" frameborder="0" />
  35.       </div>
  36.  
  37.       <div class="iframemain">
  38.         <!--this is where the user should see all of the links appear when clicked-->
  39.         <iframe src="area.htm" name="actframe" frameborder="0" />
  40.       </div>
  41.  
  42.  
  43.     </div>
  44.  
  45.   </body>
  46.  
  47.   <frameset>
  48.     <frame src="area.htm" name="actframe"/>
  49.   </frameset>
  50.  
Aug 31 '07 #1
0 3131

Sign in to post your reply or Sign up for a free account.

Similar topics

10
by: maxim vexler | last post by:
I'm reading a lot of talks lately about the term iFrame and with your permission would like to ask a few question about that : - what is iFrame, i mean what is it good for ? - does all the...
0
by: Dan Popa | last post by:
Check out the following 2 links: http://www.batisdev.com/admin/test_1images.asp http://www.batisdev.com/admin/test_2images.asp First page contain 4 IFRAMES and 1 IMG tags. Second page contain 4...
1
by: Nick Tew | last post by:
Hello, This relates to the previous post i've left. This problem is do with the browser's back and forward buttons. When clicked, can it be made to affect any history NOT in the iframes....
4
by: Arne Hendrickson | last post by:
Can anyone tell me how to edit this script for "traditional frames" to work with iframes? SCRIPT language="JavaScript"> <!----hide function change2() { parent.left_frame.location="page3.htm";...
0
by: fleemo17 | last post by:
IE5 (5.2.3) for the Mac seems to be having problems displaying page elements using Position attributes. If I place the position of my form box (shown at http://tinyurl.com/cz5xd ) using "absolute,"...
2
by: Guadala Harry | last post by:
1. Are IFrames supported only in uplevel versions of IE? If not IE exclusively, what browsers support IFrames? 2. Are IFrames going to be supported in the future - as far as anyone knows - or...
7
by: Adrian Parker | last post by:
Having a problem with validators. Because we want to only test whether the current field in a changed event is valid before we process the change code, I have tried to turn off all validators for...
4
by: sanjnair | last post by:
I have a page which has 3 iframes- top frame , left frame and middle frame. The middle frame has text fields for users to enter information into. Now when the autocomplete option is set on the...
2
by: ericisjusteric | last post by:
I have a page with multiple iframes and need to have the user (ie6) be able to click a button to refresh any one of the iframes - but also to click another button at the top of the page to refresh...
1
by: jeddiki | last post by:
Hi, I am having difficulty seeing why my divs will not swap places :confused: I want to swap the positions of the "Hot News" and the "Todays Bonuese" sections. Here is how they look now: ...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.