[css-d] iframes and CSS
Hi,
I'm having some problems styling iframes, I'm using Facebook Twitter sharing
functions and as always IE is ignoring my iframe {border: none; overflow:
hidden;}.
Right now I'm using frameborder=0 scrolling=no but that makes my HTML not
valid.
Any ideas?
Thanks
Germán Martínez, UX Designer
http://martinez.pe
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes and CSS
Hi! You should use: border=0 which is valid. For overflow, which version of IE are you using? Bye http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes and CSS
Thanks Gabriele! For overflow, I'm having problems with IE6, 7 and 8. (but I don't really care about IE6 :P) On Jan 11, 2011, at 1:49 PM, Gabriele Romanato wrote: Hi! You should use: border=0 which is valid. For overflow, which version of IE are you using? Bye http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) Germán Martínez, UX Designer http://martinez.pe __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes and CSS
For overflow, try to give IE the declarations overflow-x/overflow-y. They should work. Also, first turn the iframe into a block level element with 'display: block'. Iframes are inline-block elements by default. :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] iframes
Sorry this might be a little off topic but I'm curious what others are doing regarding the use of iframes. I've always heard they were bad and that the W3C is slowly working on phasing them out but google's mixed results don't seem to support that. I don't really use them myself and usually get along just fine with straight HTML and CSS but I'm curious to see what others are using. - Tod PS: Not trying to start a flame war, just want to see were the majority is sitting and if there is a compelling reason for/against iframes. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes
At 8:44 AM -0400 8/20/09, Tod wrote: Sorry this might be a little off topic but I'm curious what others are doing regarding the use of iframes. I've always heard they were bad and that the W3C is slowly working on phasing them out but google's mixed results don't seem to support that. I don't really use them myself and usually get along just fine with straight HTML and CSS but I'm curious to see what others are using. - Tod PS: Not trying to start a flame war, just want to see were the majority is sitting and if there is a compelling reason for/against iframes. Tod: In the past 15 years of coding, I've used iframes maybe twice. It's not a staple for me. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes
From: css-d-boun...@lists.css-discuss.org [css-d-boun...@lists.css-discuss.org] On Behalf Of tedd [tedd.sperl...@gmail.com] Sent: Thursday, August 20, 2009 8:54 AM To: Tod; css-d@lists.css-discuss.org Subject: Re: [css-d] iframes At 8:44 AM -0400 8/20/09, Tod wrote: Sorry this might be a little off topic but I'm curious what others are doing regarding the use of iframes. I've always heard they were bad and that the W3C is slowly working on phasing them out but google's mixed results don't seem to support that. I don't really use them myself and usually get along just fine with straight HTML and CSS but I'm curious to see what others are using. - Tod PS: Not trying to start a flame war, just want to see were the majority is sitting and if there is a compelling reason for/against iframes. Tod: In the past 15 years of coding, I've used iframes maybe twice. It's not a staple for me. I'm with Tedd. The only time I've used iframes in the last 10 years is while working on a Facebook application, where it's practically required. Otherwise, I've been able to accomplish the same things with a php include. ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes
On Aug 20, 2009, at 9:44 PM, Tod wrote: Sorry this might be a little off topic but I'm curious what others are doing regarding the use of iframes. I've always heard they were bad and that the W3C is slowly working on phasing them out but google's mixed results don't seem to support that. I don't really use them myself and usually get along just fine with straight HTML and CSS but I'm curious to see what others are using. 1. Did you have a CSS question ? I think this is otherwise _wildly_ off-topic. 2. iframe is part of html 5 (nested browser context): http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content-0.html#the-iframe-element http://dev.w3.org/html5/markup/iframe.html Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes
Tod wrote: Sorry this might be a little off topic but I'm curious what others are doing regarding the use of iframes. I've always heard they were bad and that the W3C is slowly working on phasing them out but google's mixed results don't seem to support that. I don't really use them myself and usually get along just fine with straight HTML and CSS but I'm curious to see what others are using. - Tod PS: Not trying to start a flame war, just want to see were the majority is sitting and if there is a compelling reason for/against iframes. There is a compelling reason for/against most anything. The iframe is alive and well in HTML 5. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes
On Aug 20, 2009, at 5:44 AM, Tod wrote: Sorry this might be a little off topic but I'm curious what others are doing regarding the use of iframes. I've always heard they were bad and that the W3C is slowly working on phasing them out but google's mixed results don't seem to support that. I don't really use them myself and usually get along just fine with straight HTML and CSS but I'm curious to see what others are using. - Tod Here's Google's thoughts about iFrames: http://www.google.com/support/webmasters/bin/answer.py?hl=enanswer=34445 Just because it's supported by W3C doesn't mean it's search engine- friendly. W3C and Google are two separate entities. And that's why it's wildly off-topic for CSS. How CSS helps or hinders your search engine results is a topic for another mailing list or forum. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
Ray Gresko wrote: If you're referring to my IFRAMEs and max height post - I'd love to find a way to use a div with overflow to perform a similar function. My page design is essentially a menu shell that browses through content by setting the target of the iframe. Is there a way to do something similar with CSS (without having to copy the shell for each page of content)? No. CSS is about presentation, not controlling content or behavior. You can create a scrolling area of a page with CSS, but that scrolling area can't show a separate HTML document within it. Please see http://css-discuss.incutio.com/?page=OffTopic for other lists you can use to get ideas on how to use iframes or alternate programming methods to achieve the effect you are looking for. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
Thanks - I've gotten good direct info from the list members on using php/SSI (include) for doing this, but my web needs to be both live on a server and viewable without hosting (off a CD, disk, etc). I realized soon after putting out the last email that iframes aren't really involved in the issue at all, and the same problem occurs without it included in the content div. The simple problem is that on a 100% height layout with header, content and footer, there seems to be no way to make the content div expand vertically to fill the space left between header and footer in the browser window? The wrapper div can be set to 100%, the header and footer to specific heights, but setting the content div to 100% makes it use the actual full browser height, not the 100% left in between the header and footer. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zoe M. Gillenwater Sent: Tuesday, July 03, 2007 5:16 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] iframes - who still uses them Ray Gresko wrote: If you're referring to my IFRAMEs and max height post - I'd love to find a way to use a div with overflow to perform a similar function. My page design is essentially a menu shell that browses through content by setting the target of the iframe. Is there a way to do something similar with CSS (without having to copy the shell for each page of content)? No. CSS is about presentation, not controlling content or behavior. You can create a scrolling area of a page with CSS, but that scrolling area can't show a separate HTML document within it. Please see http://css-discuss.incutio.com/?page=OffTopic for other lists you can use to get ideas on how to use iframes or alternate programming methods to achieve the effect you are looking for. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] iframes - who still uses them
Hi, Looking at the last post it got me thinking. Does anyone still use frames or iframes? Is it a valid development technique? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
Ross wrote: Does anyone still use frames or iframes? Is it a valid development technique? Depending upon what you are doing with them, an iframe may be the only way to achieve a desired effect. Say, you want a webpage with a section of the page that tells you in big, blue letters that you have a new personal message. Fine, now add the caveat that you want it to display when you have a new message without making your end user refresh their page. Now you need an iframe with javascript to make it refresh every so often so that ITs information will be current but your user can still browse at their leisure. There must be other uses for them, but I've never really run into a project that I had to use them. -- Thanks, Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
Hi, Looking at the last post it got me thinking. Does anyone still use frames or iframes? Is it a valid development technique? R. We are using an iframe on our homepage to incorporate a secure page for login purposes. I will say that this has proved to be a challenge with the new browsers disabling navigate sub-frames across different domains and with McAfee disabling the iframe tag altogether with their Privacy Service. I love the function of them but it's been frustrating. I haven't found a good alternative. Russ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
| Ross wrote: | Does anyone still use frames or iframes? Is it a valid | development technique? | Depending upon what you are doing with them, an iframe may be | the only | way to achieve a desired effect. Say, you want a webpage with | a section | of the page that tells you in big, blue letters that you have a new | personal message. Fine, now add the caveat that you want it | to display | when you have a new message without making your end user | refresh their | page. Now you need an iframe with javascript to make it | refresh every so | often so that ITs information will be current but your user can still | browse at their leisure. | | There must be other uses for them, but I've never really run into a | project that I had to use them. I use iframes on my website to display my photography work: www.objectivedesigns.com/photography.htm. I prefer it to making the links go to entirely different pages or opening in new windows. Daniel Hammond 2227 Dunseath Avenue Atlanta, GA 30318 770-842-8817 www.objectivedesigns.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
Russ Peters wrote: Hi, Looking at the last post it got me thinking. Does anyone still use frames or iframes? Is it a valid development technique? R. We are using an iframe on our homepage to incorporate a secure page for login purposes. I will say that this has proved to be a challenge with the new browsers disabling navigate sub-frames across different domains and with McAfee disabling the iframe tag altogether with their Privacy Service. I love the function of them but it's been frustrating. I haven't found a good alternative. Russ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Sadly, I've been forced into working with an iframe-based design due to a previous designer's penchant for them. When I'm able (it's a time thing...), I plan to re-do my data recovery client's website using a div with overflow: auto; to take the place of the iframe where, in this case, it's not really needed at all. So, yes, there are iframes out there...but for many reasons including validation and SEO, to my mind, iframes are a big no-no. ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
Hi Ross- If you're referring to my IFRAMEs and max height post - I'd love to find a way to use a div with overflow to perform a similar function. My page design is essentially a menu shell that browses through content by setting the target of the iframe. Is there a way to do something similar with CSS (without having to copy the shell for each page of content)? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ross Sent: Monday, July 02, 2007 9:31 AM To: css-d@lists.css-discuss.org Subject: [css-d] iframes - who still uses them Hi, Looking at the last post it got me thinking. Does anyone still use frames or iframes? Is it a valid development technique? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IFRAMEs and max height
Hello All-
I have (what should be) a simple page layout with a header div (40px
height), footer div (50px height) and middle div containing an IFRAME
(600px min height). The whole page should have a minimum height of 690px
(40+600+50) but I want the IFRAME section to expand to fit vertically if
the browser window is taller (so, the footer will be aligned with the
bottom of the browser if the browser window is 690 or taller). I use
this page format as a shell that browses lots of different external html
files (hence the need for the IFRAME).
The main issue is that the IFRAME is set to 100% height but it seems to
default to looking at the full browser height instead of the div it is
contained within to arrive at what is 100% height. It was always
defaulting to being the full height of the browser window, and causing
scrolling by 90px (the combined height of the header and footer).
I actually found a hacky solution that works in IE7, but not in Firefox
(see example below). The thing that made it work was setting the html
bottom margin to 90px, which the IFRAME seems to be reading to scale
height properly. For Firefox, this is ignored and the bottom part of the
IFRAME and the footer are pushed off by 90px.
Any ideas on how to get this to work as it should in both IE and Firefox
with correct CSS would be much appreciated! At this point, I'm willing
to bag CSS and use a table if that would work and someone can help out
with how to do that.
-R
-snip
!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
/
style type=text/css media=screen
html,body {
margin:0 0 90px 0;
padding:0;
height: 100%;
}
#wrapper {
width: 900px;
height: 100%;
margin: 0 auto 0 auto;
}
#header {
height: 40px;
background-color: #00CC66;
}
#content {
height: 100%;
width: 900px;
min-height: 600px;
}
#footer {
height: 50px;
background-color: #FF;
}
/style
/head
body
div id=wrapper
div id=headerHeader/div
div id=content
iframe name=contentiframe src=http://www.msn.com;
width=100% height=100% frameborder=0 /iframe
/div
div id=footerFooter/div
/div
/body
/html
snip ---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IFrames and Styles
Thanks, Manfred. Made it XHTML compliant, but that is not the issue apparently. Can you try to load the page and see what I mean (in IE)? On 12/20/05, Manfred Staudinger [EMAIL PROTECTED] wrote: Hi Jonathan, I am getting a weird redraw problem on IE after another window passes over the iframed divs in question or when the browser goes back or forward to other pages and then back to the iframe page. weird redraw problem is too general, so why not give a link? Also, does the page have to have html, head, body tags, or is it OK just with a style block and the divs? You can check your code easily with http://validator.w3.org/ Regards, Manfred -- Jonathan Berry, M.A. IT Consultant 619.306.1712(m) [EMAIL PROTECTED] www.mindarc.com --- This E-mail is covered by the Electronic Communications Privacy Act, 18 U.S.C. ?? 2510-2521 and is legally privileged. This information is confidential information and is intended only for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IFrames and Styles
Sorry, I posted this in the wrong topic from an e-mail I was using the CSS
address from. I also forgot to include the applicable code:
Hello all, I have a question about iframes and styles. I am getting a weird
redraw problem on IE after another window passes over the iframed divs in
question or when the browser goes back or forward to other pages and then
back to the iframe page. We are getting it on multiple computers. Are there
limitations/anomalies to iframed content style? This is only on IE. Also,
does the page have to have html, head, body tags, or is it OK just with a
style block and the divs?
Page Code:
style
#insider-container {
font-size:10px;
font-family:Arial;
width:235px;
margin-top:0.3em;
}
#insider-container a {
color:#009;
}
#insider-container div {
background:#eee;
border:1px solid #fff;
margin-top:-1px;
}
#insider-container img {
float:left;
width:24px;
}
#insider-container div h5 {
font-size:1.2em;
padding-left:3em;
margin-top:0.1em;
font-weight:bold;
}
#insider-container div p {
font-size:0.9em;
color:#666;
padding-left:4em;
margin:0.3em;
margin-top:-2em;
}
/style
div id=insider-container
div id=insider-bookclub
img src=insider_icons/book.png alt=book
a href=
http://utsubscriberperks.signonsandiego.com/insider/prembooks-intro.html;
h5Arthur Salm's U-T Book Club/h5
/a
pFree books, reviews, and more./p
/div
div id=insider-musicclub
img src=insider_icons/cdda.png
a href=
http://utsubscriberperks.signonsandiego.com/insider/premcds-intro.html;
h5George Varga's U-T Music Club/h5
/a
pFree CDs, reviews, and more./p
/div
div id=insider-puzzle
img src=insider_icons/watchdog_icon.gif
a href=
http://utsubscriberperks.signonsandiego.com/insider/premwatchdogupdate-intro.html
h5Watchdog Update/h5
/a
pIn-depth investigative journalism/p
/div
div id=insider-realtime
img src=insider_icons/review_star.png
a href=http://utsubscriberperks.signonsandiego.com/insider/?cat=5
h5Real-time reviews./h5
/a
pSneak peak at tomorrow's reviews, today./p
/div
div id=insider-chargers
img src=insider_icons/chargers_perks_icon.gif
a href=
http://utsubscriberperks.signonsandiego.com/insider/premchargers-intro.html
h5Union-Tribune Chargers Extras/h5
/a
pUnion-Tribune game photos and much more./p
/div
/div/div
--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com
---
This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.
---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
