webgyrl Posted March 8, 2005 Posted March 8, 2005 Hey gang, I've been working on a few new projects and everything has been going great.. except a few days ago I stopped being able to see the Scrollbar coloring that I wrote into my CSS stylesheets. I have no idea what could have happened. Any ideas? Are the custom color scrollbars showing for any of you? See here (IE): Indiemanagers.com http://www.indiemanagers.com/index1.htm The scrollbars are just grey for me and they used to be the site colors. >BODY { color: White; background-color: #663333; font-family: Arial, Helvetica, sans-serif; font-size: small; scrollbar-face-color: #663333; scrollbar-3dlight-color: #993366; scrollbar-arrow-color: Black; scrollbar-track-color: #663333; scrollbar-shadow-color: #663333; scrollbar-highlight-color: #cc9999; scrollbar-darkshadow-color: #cc9999; scrollbar-base-color: Black; background-image: url(../layout/scanline2.gif); } table { background-color: #663333; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #cc9999; } A { color: #D8D8D8; font-weight: bold; text-decoration: none; } A:HOVER { color: White; font-weight: bolder; text-decoration: underline; } #header_and_text { text-align:left; } #footer { font-size:11px; text-align:center; } #info { font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-size: small; font-weight: bolder; color: #B47373; } Same for this new one I just did today: New Mockup http://www.natfunkmusic.com/deil1/index.htm This one uses iframes but I have the stylesheet linked as follows in the iframed page: <link rel="stylesheet" type="text/css" media="screen" href="http://www.natfunkmusic.com/deil1/styles/deil_main.css"/> >BODY { color: Black; background: #b8bcf8; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; scrollbar-base-color: #b8bcf8; scrollbar-arrow-color: Black; scrollbar-face-color: #b8bcf8; scrollbar-highlight-color: #FFFFE0; scrollbar-shadow-color: #969696; scrollbar-track-color: #b8bcf8; scrollbar-darkshadow-color: Black; scrollbar-3dlight-color: #2F3E4F; } A { color: Black; font-weight: bold; text-decoration: none; } A:HOVER { color: White; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #00027f; } Quote
stevevan Posted March 8, 2005 Posted March 8, 2005 I can NOT see any scroll bars in #1 (other than the browser one) but I DO see a scroll bar in #2. Looked using both FF and IE. Page #1 however is all one continuous page. Is it supposed to be a set size and have the scroll bar on the side? Quote
webgyrl Posted March 8, 2005 Author Posted March 8, 2005 I can NOT see any scroll bars in #1 (other than the browser one) but I DO see a scroll bar in #2. Looked using both FF and IE. Page #1 however is all one continuous page. Is it supposed to be a set size and have the scroll bar on the side? <{POST_SNAPBACK}> Steve- The 1st does just have the regular browser scrollbar. And it is a long page. Is the scrollbar the same color as the page? It should be a maroonish color. What about the second one? Are the inline scrollbars a blue color? Thanks Quote
stevevan Posted March 8, 2005 Posted March 8, 2005 The 1st one is whatever the default color on the browser is (in my case, light blue). The second one does appear as a blue color. Quote
D.Slatk Posted March 8, 2005 Posted March 8, 2005 You've got something funky going on with the css for the iframe, in the second page. Steve I think she's talking about the navbars on the iframe itself instead of the actual page on the second one. I set up two a test page (two, counting the iframe) seeing if it was the actual CSS code that wasn't working, or something interfering with the code, outside of the code itself. http://test.talonz.com/test1.html The main page is from your first link. The iframe is from the iframe in your second link. Both seem to work correctly so I'm assuming it must be something else in the page effecting the code. Quote
webgyrl Posted March 8, 2005 Author Posted March 8, 2005 You've got something funky going on with the css for the iframe, in the second page. Steve I think she's talking about the navbars on the iframe itself instead of the actual page on the second one. I set up two a test page (two, counting the iframe) seeing if it was the actual CSS code that wasn't working, or something interfering with the code, outside of the code itself. http://test.talonz.com/test1.html The main page is from your first link. The iframe is from the iframe in your second link. Both seem to work correctly so I'm assuming it must be something else in the page effecting the code. <{POST_SNAPBACK}> That is so strange. I see your test page scrollbars exactly as they should be. I wonder what could cause the code to be in conflict? Here is the code for the second page (the blue one): http://www.natfunkmusic.com/deil1/index.htm ><html> <head> <title>DEiL Systems | Your Best Entertainment In Town!</title> <meta http-equiv="Content-Type" content="text/html;"> <link rel="stylesheet" type="text/css" media="screen" href="http://www.natfunkmusic.com/styles/deil_main.css"/> <!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Tue Mar 08 03:10:32 GMT-0500 (Eastern Standard Time) 2005--> <script language="JavaScript"> <!-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } //--> </script> </head> <body bgcolor="#00027f" onLoad="MM_preloadImages('images/home_f2.gif','images/index_r10_c2_f2.gif','images/contact_f2.gif','images/movies_f2.gif','images/index_r17_c2_f2.gif','images/products_f2.gif');"> <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#00027f"> <!-- fwtable fwsrc="deil_mockuplarge.png" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" --> <tr> <td><img src="images/spacer.gif" width="10" height="1" border="0" alt=""></td> <td><img src="images/spacer.gif" width="146" height="1" border="0" alt=""></td> <td><img src="images/spacer.gif" width="47" height="1" border="0" alt=""></td> <td><img src="images/spacer.gif" width="157" height="1" border="0" alt=""></td> <td><img src="images/spacer.gif" width="201" height="1" border="0" alt=""></td> <td><img src="images/spacer.gif" width="209" height="1" border="0" alt=""></td> <td><img src="images/spacer.gif" width="30" height="1" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td colspan="3" bgcolor="#00027f"><img src="images/spacer.gif" width="203" height="1" border="0" alt=""></td> <td rowspan="2"><img name="index_r1_c4" src="images/index_r1_c4.jpg" width="157" height="120" border="0" alt=""></td> <td rowspan="2"><img name="index_r1_c5" src="images/index_r1_c5.jpg" width="201" height="120" border="0" alt=""></td> <td rowspan="2" colspan="2"><img name="index_r1_c6" src="images/index_r1_c6.jpg" width="239" height="120" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td colspan="3"><img name="index_r2_c1" src="images/index_r2_c1.jpg" width="203" height="119" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="119" border="0" alt=""></td> </tr> <tr> <td colspan="2"><img name="index_r3_c1" src="images/index_r3_c1.jpg" width="156" height="1" border="0" alt=""></td> <td rowspan="3" colspan="4"><img name="index_r3_c3" src="images/index_r3_c3.jpg" width="614" height="68" border="0" alt=""></td> <td rowspan="2"><img name="index_r3_c7" src="images/index_r3_c7.gif" width="30" height="46" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td rowspan="3" colspan="2"><img name="index_r4_c1" src="images/index_r4_c1.jpg" width="156" height="97" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="45" border="0" alt=""></td> </tr> <tr> <td rowspan="17"><img name="index_r5_c7" src="images/index_r5_c7.jpg" width="30" height="394" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="22" border="0" alt=""></td> </tr> <tr> <td colspan="4" rowspan="15" bgcolor="#b8bcf8"><iframe name="frame" src="specials.htm" width="100%" height="100%" frameborder="0" border="0" scrolling="auto"></iframe></td> <td><img src="images/spacer.gif" width="1" height="30" border="0" alt=""></td> </tr> <tr> <td rowspan="13"><img name="index_r7_c1" src="images/index_r7_c1.gif" width="10" height="185" border="0" alt=""></td> <td><a href="specials.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('home','','images/home_f2.gif',1);"><img name="home" src="images/home.gif" width="146" height="18" border="0" alt="GO HOME"></a></td> <td><img src="images/spacer.gif" width="1" height="18" border="0" alt=""></td> </tr> <tr> <td rowspan="2"><img name="index_r8_c2" src="images/index_r8_c2.gif" width="146" height="16" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="15" border="0" alt=""></td> </tr> <tr> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td><a href="about.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('index_r10_c2','','images/index_r10_c2_f2.gif',1);"><img name="index_r10_c2" src="images/index_r10_c2.gif" width="146" height="17" border="0" alt="About DEiL Systems"></a></td> <td><img src="images/spacer.gif" width="1" height="17" border="0" alt=""></td> </tr> <tr> <td><img name="index_r11_c2" src="images/index_r11_c2.gif" width="146" height="15" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="15" border="0" alt=""></td> </tr> <tr> <td><a href="contact.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('contact','','images/contact_f2.gif',1);"><img name="contact" src="images/contact.gif" width="146" height="18" border="0" alt="Contact Us"></a></td> <td><img src="images/spacer.gif" width="1" height="18" border="0" alt=""></td> </tr> <tr> <td><img name="index_r13_c2" src="images/index_r13_c2.gif" width="146" height="16" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="16" border="0" alt=""></td> </tr> <tr> <td><a href="movies.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('movies','','images/movies_f2.gif',1);"><img name="movies" src="images/movies.gif" width="146" height="18" border="0" alt="View our listing and schedule of movies"></a></td> <td><img src="images/spacer.gif" width="1" height="18" border="0" alt=""></td> </tr> <tr> <td rowspan="2"><img name="index_r15_c2" src="images/index_r15_c2.gif" width="146" height="16" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="15" border="0" alt=""></td> </tr> <tr> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td><a href="services.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('index_r17_c2','','images/index_r17_c2_f2.gif',1);"><img name="index_r17_c2" src="images/index_r17_c2.gif" width="146" height="17" border="0" alt="Services we offer"></a></td> <td><img src="images/spacer.gif" width="1" height="17" border="0" alt=""></td> </tr> <tr> <td><img name="index_r18_c2" src="images/index_r18_c2.gif" width="146" height="16" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="16" border="0" alt=""></td> </tr> <tr> <td><a href="products.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('products','','images/products_f2.gif',1);"><img name="products" src="images/products.gif" width="146" height="18" border="0" alt="Products we offer"></a></td> <td><img src="images/spacer.gif" width="1" height="18" border="0" alt=""></td> </tr> <tr> <td rowspan="2" colspan="2"><img name="index_r20_c1" src="images/index_r20_c1.gif" width="156" height="157" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="70" border="0" alt=""></td> </tr> <tr> <td colspan="4"><img name="index_r21_c3" src="images/index_r21_c3.jpg" width="614" height="87" border="0" alt=""></td> <td><img src="images/spacer.gif" width="1" height="87" border="0" alt=""></td> </tr> </table> </body> </html> Quote
webgyrl Posted March 8, 2005 Author Posted March 8, 2005 (edited) The only real difference I see is that you applied the style inline in the body of the page and I have my global stylesheet linked. Could this be an issue? I don't understand it if it is. Everything else that I coded the style sheet to do is working. The only thing not working is the scrollbar stuff. Strange... Edited March 8, 2005 by webgyrl Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 Ok.. I have been doing some fiddling and come accross something I don't understand. I took your test and replicated it by using your source code. I am using Dreamweaver to code the pages. I was able to replicate exactly what you did using your source code here: http://www.deilsys.com/test.htm Then, I went ahead and created a new page within Dreamweaver MX leaving in the formatting they give. They add the following to each new HTML document created: ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <body> </body> </html> When I created the pages keeping in the preformated DocType info and metta http- equiv I got this: http://www.deilsys.com/main.htm The CSS formting on the scrollbars does not work. Why would the DocType header or the meta http - eqiv do this? That seems to be the issue. I am going to try removing Just DocType and then removing hust the meta http - eqiv and see what that does. I thought it was better for pages to have this DocType info in them? Can I remove it safely or must it be there for all browsers to interpret the page correctly? Or, should the DocType say something else? Strange... Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 (edited) Yes, indeed it is the DocType Header that is causing the scrollbars not to show. ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> See: http://www.deilsys.com/nodoctype.htm So, my question is... can I remove this from my website pages and still have browser know what to do. Or is there a different Doctype header that is more appropreate to use? Edited March 9, 2005 by webgyrl Quote
TCH-Bruce Posted March 9, 2005 Posted March 9, 2005 The page will more than likely render correctly without the DOCTYPE but the page will not validate without it. It also helps browsers that use it display content correctly. Maybe it's time to move on up to XHTML. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> But doing so requires some other changes to your HTML. All tags must be closed in XHTML. Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 (edited) The page will more than likely render correctly without the DOCTYPE but the page will not validate without it. It also helps browsers that use it display content correctly. Maybe it's time to move on up to XHTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> But doing so requires some other changes to your HTML. All tags must be closed in XHTML. <{POST_SNAPBACK}> Bruce, Where can I find more info on closing my tags in XHTML? I know that there is a feature in Dreamweaver where when I create a new blank HTML page I have the option of making it XHTML compliant. Oh, and also, if my memory serves me correctly from another question I asked some time ago, would I have to change my stylesheet to show: HTML { instead of BODY { The new basic page code looks like this: ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> </body> </html> If I created the new pages in DW making them XHTML Compliant would DW take care of closing the tags appropreately? Edited March 9, 2005 by webgyrl Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 Do xHTML and iFrames play nicely with each other? Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 Seems like they don't like one another. My iFrame content is not showing now that I have made the pages xHTML compliant. http://www.deilsys.com/index1.htm Any workarounds? ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DEiL Systems | Your Best Entertainment In Town!</title> <link rel="stylesheet" type="text/css" media="screen" href="http://www.deilsys.com/styles/deil_main.css"/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> Quote
TCH-Tim Posted March 9, 2005 Posted March 9, 2005 This is where I started with XHTML: http://www.w3schools.com/xhtml/default.asp -Tim Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 Thanks for that link Tim. I just landed there in my search for info on iFrames and XHTML. Still reading... Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 Hmmm what's strange is that the page Validates in the W3C Checker, but I can't see my iframe content when I use IE6. I can see everything fine in Mozilla 1.1 though. Any reason this would happen? Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 (edited) So what happens with a page that has no DocType and therefore cannot be validated by the W3C checker? Is this the end of the world? Can browsers not display the page correctly if the doctype is not there. This is a very small site and the target audience is a village in Uganda. Most of the target viewers use IE 5.5 and above. Edited March 9, 2005 by webgyrl Quote
D.Slatk Posted March 9, 2005 Posted March 9, 2005 (edited) XHTML transitional doesn't allow frames of any sort, whether they noprmal or iframes. Use the frame form of XHTML: ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Make sure to read all the doctypes at: http://www.w3schools.com/xhtml/default.asp edit: see jim posted the link...make sure to read it though, because it mentioned the frameset doctype and stuff... Edited March 9, 2005 by D.Slatk Quote
webgyrl Posted March 9, 2005 Author Posted March 9, 2005 Ok so I should use that DocType for iframes. i thought it meant the other kind of frames and not inline ones. Thanks! Quote
TCH-Bruce Posted March 9, 2005 Posted March 9, 2005 XHTML transitional doesn't allow frames of any sort, whether they normal or iframes. Use the frame form of XHTML: Not true, iframes between HTML and XHTML are identical. See: http://www.w3schools.com/tags/tag_iframe.asp Also, check here for a complete list of tags: http://www.w3schools.com/xhtml/xhtml_reference.asp And to get your pages from HTML to XHTML use a utility caled HTMLTidy http://tidy.sourceforge.net/ Quote
TweezerMan Posted March 9, 2005 Posted March 9, 2005 XHTML transitional doesn't allow frames of any sort, whether they normal or iframes. Use the frame form of XHTML: Not true, iframes between HTML and XHTML are identical. <{POST_SNAPBACK}> Bruce is indeed correct - iframe tags are allowed with any of the XHTML 1.0 DOCTYPEs (Transitional, Strict, and Frameset). I looked up and read the actual DTD specs - the iframe tag is listed in all of them. Hmmm what's strange is that the page Validates in the W3C Checker, but I can't see my iframe content when I use IE6. I can see everything fine in Mozilla 1.1 though. Any reason this would happen? <{POST_SNAPBACK}> I believe you are encountering a bug in IE6. I loaded your page's HTML code into FrontPage locally on my machine and see the same identical behavior. The bug has something to do with the fact that your iframe is in a table cell and the fact that you are using a percentage for the height and width of the iframe. I believe the exact nature of the bug (from what little I've been able to find on the internet and from my testing here) is that when you specify the height and width of an iframe as a percentage, IE6 is unable to calculate what the height and width should be unless the height and width are explicitly specified in the iframe tag or its parent element (the containing td tag in this case). Since IE6 does not know what size the iframe should be, it doesn't draw one at all on the page. On the copy of your page I made within FrontPage, I removed the iframe (cut it out) and placed it after the closing /table tag on the page. The iframe displayed correctly there. I put the iframe tag back where it was, and changed the height and width on the iframe to pixel widths instead of 100%: ><iframe src="specials.htm" height="280" width="610" name="frame" scrolling="auto" frameborder="0" id="frame"> This also displays the iframe correctly. I changed the height and width on the iframe tag back to 100%, and specified an explict height and width on the containing td tag: ><td colspan="4" rowspan="15" bgcolor="#b8bcf8" height="280" width="610"><iframe src="specials.htm" height="100%" width="100%" name="frame" scrolling="auto" frameborder="0" id="frame"></iframe></td> This also displays the iframe correctly. Specifying height="100%" and width="100%" in the containing td tag does *not* work - the iframe is still not displayed. Strange bug. Hopefully, the info I've provided above will give you an acceptable way to work around it. Quote
webgyrl Posted March 11, 2005 Author Posted March 11, 2005 David, Thanks so much for taking the time out to fiddle and see what was causing the problem. I have adjusted the Height and Width to show pixel sizes instead of percentages. It is indeed a strange bug. Now the only other thing I would love to find out is how to get rid of the bottom scrollbar in IE. I tried making the width smaller, but it doesn't seem to eliminate the bottom scrollbar in IE. In Firefox, however, it is perfect and there is only the side scrollbar for areas with more text. It's not a huge deal, but it would look a lot nice if the bottom scrollbar weren't there. Thanks again to everyone who shared info on this topic. Quote
owatagal Posted March 11, 2005 Posted March 11, 2005 I've seen the same bottom-scrollbar problem in IE when using div tags that had scrolling content (I don't use iframes... I don't even know what they are or why they'd be used.) My solution with div boxes, though, is to just add about 20px of padding on the right-hand side. I'd assume you could do this with an iframe, as well. This allows the vertical scrollbar to slide into the box in that padding space, and lets the content display normally in IE (without a bottom scrollbar). At least it does for me. Of course, depending on your layout and how exact you have everything designed, this will screw up your pages in every browser except IE, thanks to the way IE handles box sizes. You'll either need to apply a box model hack to the CSS, to set a different width on the iframe for IE browsers, or you'll need to play with the iframe width in the CSS until you get it looking ok in all the other browsers. Neither solution is ideal, but there's not a lot you can do, because IE simply does not build boxes like every other browser. Hopefully it'll help that you know it's the width of the iframe you need to adjust, however, if you do find the 20px padding screws up your layout. Quote
D.Slatk Posted March 11, 2005 Posted March 11, 2005 (edited) XHTML transitional doesn't allow frames of any sort, whether they normal or iframes. Use the frame form of XHTML: Not true, iframes between HTML and XHTML are identical. See: http://www.w3schools.com/tags/tag_iframe.asp Also, check here for a complete list of tags: http://www.w3schools.com/xhtml/xhtml_reference.asp And to get your pages from HTML to XHTML use a utility caled HTMLTidy http://tidy.sourceforge.net/ <{POST_SNAPBACK}> Oops sorry, got my info from the wrong source then. I am not one to use iframes though, but I knew about the doctype for frames. Edited March 11, 2005 by D.Slatk Quote
btrfld Posted March 11, 2005 Posted March 11, 2005 I don't know if this is the problem, but sometimes IE loses its mind if it encounters a <table> or <div> with a width of 100%. Reducing the width to 99% usually does it. Quote
cak Posted March 11, 2005 Posted March 11, 2005 Not true, iframes between HTML and XHTML are identical. Exactly. Just a bit of clarification on the iframe doctype issue: Inline frames are not defined in the HTML 4.01 Strict DTD or its XHTML 1.0 Strict counterpart. *ttp://www.w3.org/TR/html4/strict.dtd *ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd Many authors use a div element with an explicit height and width, combined with the CSS declaration “overflow: auto” to achieve the same effect. This also eliminates the need for some kind of scripting to ensure iframe content is always displayed within its parent page. HTH, Carol Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.