I know this sounds crazy, but your should try to get away from iframes and start using ajax if possible, makes your life a whole lot easier.
K, so not sure if these are pasting issues, your closing iframe tags are cut off onto two rows, and the body in your body style is missing. You should also wrap scrolling=no like this: <iframe name="bla-bla" src="dining.asp" scrolling="no"></iframe> In general, you will have a harder time coding and modifying a tabled layout rather than a tableless div based layout. Might wanna just try doing that since it looks like you know some CSS.... Matt On Mon, Aug 3, 2009 at 3:48 AM, Livin <[email protected]> wrote: > > Been struggling with some basic formatting. Have several iFrames (so I > can have separate refreshes) and the formatting leaves space at the > bottom of all tables. > > I have researched and these seems common issues that I have tried but > no fixes... > > common when using <form>'s, but I'm not using forms. > I have removed all whitespace from several pages, not a fix. > tried margin 0px in many places, did not fix. > changing table structures several times, did not fix. > > > main HTML... > <link rel="stylesheet" href="hact.css"> > <html> > <head> > <meta http-equiv="Content-Type" content="text/html; > charset=iso-8859-1" /> > <meta name="viewport" content="width=320; initial-scale=1.05; > maximum- > scale=3.0; user-scalable=1;"/> > <title>Home Control Center</title> > </head> > <body> > <iframe name="scenes" src="scenes.asp" frameborder="0" scrolling=no></ > iframe><br> > <iframe name="kitchen" src="kitchen.asp" frameborder="0" > scrolling=no></iframe><br> > <iframe name="living" src="living.asp" frameborder="0" scrolling=no></ > iframe><br> > <iframe name="dining" src="dining.asp" border="0"frameborder="0" > scrolling="no"></iframe><br> > <iframe name="billiards" src="billiards.asp" border="0"frameborder="0" > scrolling="no"></iframe><br> > <iframe name="master" src="master.asp" border="0"frameborder="0" > scrolling="no"></iframe><br> > <iframe name="frontyard" src="yardf.asp" border="0"frameborder="0" > scrolling="no"></iframe><br> > <iframe name="backyard" src="yardb.asp" border="0"frameborder="0" > scrolling="no"></iframe> > </body> > </html> > > > CSS... > ody { > font-weight : normal; > font-size: 10pt; > font-family: Verdana, Arial, sans-serif; > text-decoration: none; > margin: 0px; > padding: 0px; > margin-bottom:0; > margin-left: 0px; > margin-top: 0px; > margin-right: 0px; > margin-bottom: 0px; > } > table { > margin: 0px; > padding: 0px; > margin-bottom:0; > margin-left: 0px; > margin-top: 0px; > margin-right: 0px; > margin-bottom: 0px; > } > --> > .SectionLabel { > text-align : center; > font-weight : bold; > background : #315AA5; > color : #FFFF00; > margin-bottom:0; > } > .DeviceLabel { > background : #A5A5A5; > text-align : center; > color : #000000; > width : 86px; > font-size: 10pt > } > .ScenesSection { > text-align : center; > margin: 0px; > padding: 0px; > width: 150px; > margin-bottom:0; > } > .TextFromStatus { > font-weight : normal; > text-align : center; > color : #000000; > width : 20px; > margin-bottom:0; > } > .StatusCommandButton { > font-weight : normal; > text-align : center; > color : #000000; > width : 20px; > } > .DimBarControl { > font-weight : normal; > text-align : center; > color : #000000; > width : 20px; > } > .BorderSurround { > border-style : solid; > border-width : thin; > border-color : #315AA5; > margin: 0px; > padding: 0px; > margin-bottom:0; > } > .formButtonOn { > border-color : #8F7869; > background-color : #FFFF00; > color : #000000; > } > > example ASP used for iFrame (I have several but they are nearly > identical)... > <!--#include virtual="/includes/webcontrol.asp"--> > <link rel="stylesheet" href="hact.css"> > <HTML> > <body> > <table class=BorderSurround> > <!-- Label --> > <th class=SectionLabel>Kitchen</th> > <!-- Row 1 --> > <tr> > <td> > <table> > <tr> > <td class=DeviceLabel>Espresso Machine</td> > <td > class=TextFromStatus><%=TextFromStatus("Kitchen Espresso > Machine")%></td> > <td > class=StatusCommandButton><%=StatusCommandButton("Kitchen > Espresso Machine")%></td> > </tr> > </table> > </td> > </tr> > <!-- Row 2 --> > <tr> > <td> > <table> > <tr> > <td class=DeviceLabel>Lights</td> > <td > class=DimBarControl><%=WriteDimBarControlFor("Kitchen Lights") > %></td> > </tr> > </table> > </td> > </tr> > </table> > </body> > </html> > > > > --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
