[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] css-d Digest, Vol 81, Issue 17
I will be away from the office for the two weeks between August, 15 2009 and August, 30 2009. If you require immediate assistance, please contact Visual Lizard at (204) 957-5520 and follow the voicemail instructions. Thank you, and I will talk to you when I return. Ross __ 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] IE7 issue / divs overlapping
On 18 Aug 2009, at 15:25, David Laakso wrote: Put it on a public server and provide a clickable link to it in your post to the list. Alternatively, post your question on doctype.com :) Paul -- Paul Farnell http://litmusapp.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] Fwd: Image Background
On Wed, Aug 19, 2009 at 5:27 PM, Victor Subervivictorsube...@gmail.com wrote:
Are you suggesting something like this?
#container {
width: 780px;
font-family: Arial;
font-size: 0.8em;
background: url(../images/bgimage.jpg) repeat-y 50% 10%;
border: 1px solid #e6930f;
}
img #container {background: url(image/bgimage.jpg) repeat-y 50% 10%;}
If so, what do I do about the width variable, toss it out and add a border:
10px instead?
TIA,
Victor
Maybe I am not understanding what you want. Are you looking for, for
example, an image of an ornate picture frame that would surround an
image? Not sure a background-image is the answer in this case unless
the dimensions are fixed.
If you are talking about just a patterned, decorative background-image
for behind an image, it's more like:
#container {
width: 780px;
font: .8em Arial;
background: url(../images/bgimage.jpg) repeat 0 0;
padding: 10px;
}
div id=container
img src=myimage width=760 height=xxx /
/div
Again, maybe I am way off base here...
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Weird margin/padding issue with Firefox + Linux
Sorry, the page address is here: http://www.northsalemny.org/comprehensive-plan/comprehensive-plan-home On Thu, Aug 20, 2009 at 12:37 PM, Rebecca Gesslertechni...@gmail.com wrote: Hi everyone, I have been doing some extended testing on my website, and have found that it works in IE6/7/8, Firefox (Win/Mac), Chrome, Safari (Win/Mac) but now Linux is causing problems! The left nav and center div just shift over to the left and I have no idea why. I found this to happen in Firefox on Linux. I know it works in Konqueror on Linux. Page: http://northsalemny.org/comprehensive-plan/comprehensive-plan-hom Here are the pics from Browser shots: http://browsershots.org/http://northsalemny.org/comprehensive-plan/comprehensive-plan-home If anyone could provide any assistance I would greatly appreciate it. Thank you, Becky -- From your friend, Becky Gessler __ 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] IE7 issue / divs overlapping
Paul Farnell wrote: On 18 Aug 2009, at 15:25, David Laakso wrote: Put it on a public server and provide a clickable link to it in your post to the list. Alternatively, post your question on doctype.com :) Paul Hello Paul, http://www.css-discuss.org/policies.html I quote, If you're asking for help with a problem, then remember this: A description of your problem is good. A URL to a page showing your problem is much, much better. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] Weird margin/padding issue with Firefox + Linux
Hi everyone, I have been doing some extended testing on my website, and have found that it works in IE6/7/8, Firefox (Win/Mac), Chrome, Safari (Win/Mac) but now Linux is causing problems! The left nav and center div just shift over to the left and I have no idea why. I found this to happen in Firefox on Linux. I know it works in Konqueror on Linux. Page: http://northsalemny.org/comprehensive-plan/comprehensive-plan-hom Here are the pics from Browser shots: http://browsershots.org/http://northsalemny.org/comprehensive-plan/comprehensive-plan-home If anyone could provide any assistance I would greatly appreciate it. Thank you, Becky __ 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] Safari Alignment Problems
Thank you to those who replied with suggestions for my alignment issues in Safari...One of my issues has now been resolved. The other is still a problem: http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg BrowserCam screen shot of a Safari 2009 story page Problem: all page content is shifted far right and creates a horizontal scroll bar Link to CSS: http://dnr.wi.gov/wnrmag/css/wnrmag.css Link to Live page: http://dnr.wi.gov/wnrmag/2009/08/tanager.htm Additional suggestions very much appreciated! Karen __ 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] Weird margin/padding issue with Firefox + Linux
On 2009/08/20 12:37 (GMT-0400) Rebecca Gessler composed: I have been doing some extended testing on my website, and have found that it works in IE6/7/8, Firefox (Win/Mac), Chrome, Safari (Win/Mac) but now Linux is causing problems! The left nav and center div just shift over to the left and I have no idea why. I found this to happen in Firefox on Linux. I know it works in Konqueror on Linux. Page: http://northsalemny.org/comprehensive-plan/comprehensive-plan-hom Here are the pics from Browser shots: http://browsershots.org/http://northsalemny.org/comprehensive-plan/comprehensive-plan-home I had to search from the homepage to find the URL you probably meant: http://northsalemny.org/?q=comprehensive-plan/comprehensive-plan-home The problems are more widespread than you think (not limited to Linux): openSUSE Linux 11.0: Firefox 3.5.2: http://fm.no-ip.com/SS/SC/sc-rebege01.png Konqueror: http://fm.no-ip.com/SS/SC/sc-rebege02.png WinXP: FF 3.5.2: http://fm.no-ip.com/SS/SC/sc-rebege03.png SeaMonkey 1.1.17: http://fm.no-ip.com/SS/SC/sc-rebege06.png Mac: FF 3.5.2: http://fm.no-ip.com/SS/SC/sc-rebege04.png Safari 3: http://fm.no-ip.com/SS/SC/sc-rebege05.png -- How much better to get wisdom than gold, to choose understanding rather than silver. Proverbs 16:16 NKJV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.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] Safari Alignment Problems
On 21/08/2009, at 6:36 AM, Ecklund, Karen - DNR wrote:
Thank you to those who replied with suggestions for my alignment
issues in Safari...One of my issues has now been resolved. The
other is still a problem:
http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
BrowserCam screen shot of a Safari 2009 story page
Problem: all page content is shifted far right and creates a
horizontal scroll bar
Link to CSS:
http://dnr.wi.gov/wnrmag/css/wnrmag.css
Link to Live page:
http://dnr.wi.gov/wnrmag/2009/08/tanager.htm
Additional suggestions very much appreciated! Karen
Hasn't this already been covered? I seem to remember David Laakso
suggesting making the table 'clear: both'.
Another fix is...
#hnav { overflow: auto; }
Cheers, 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] Safari Alignment Problems
Ecklund, Karen - DNR wrote:
Thank you to those who replied with suggestions for my alignment issues in
Safari...One of my issues has now been resolved. The other is still a
problem:
http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg
BrowserCam screen shot of a Safari 2009 story page
Problem: all page content is shifted far right and creates a
horizontal scroll bar
Hmm. Seems to work in Safari on this end.
http://chelseacreekstudio.com/ca/cssd/tanager.htm
First selector at very top of style sheet:
table {clear: both;}
http://chelseacreekstudio.com/ca/cssd/tanager_files/wnrmag00.css
__
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] Doctype.com - QA site for designers
Fix me. http://chelseacreekstudio.com/ca/cssd/doc.png __ How did you get this display problem to occur?? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
[css-d] CSS aesthetic structure
Hi all,
I have some thoughts regarding the aesthetic structure of CSS that I
would like to share. It's just something that came to my mind at work
today, nothing more, nothing less..
When using descendant selectors many of us write our code like below.
#nav-main {
property: value
}
#nav-main ul {
property: value
}
#nav-main ul li {
property: value
}
#nav-main ul li a {
property: value
}
I have no problem with that, but it would be much easier to see the
hierarchy if it would be possible to write nested code more like a js,
as, php etc function. That way we wouldn't have to repeat #nav-main
before the nested selectors all the time. Look at the example below. I
mean, it's quite obvious that ul and li is descendant from #nav-main.
Like I said before, this was just something that came to my mind. I
haven't gave this much thought. There's probably tons of disadvantages
that I haven't think of. I just can't let go of the beauty in the
visual structure. Well, that is my opinion ofcourse. :) First thing
would be to make the rendering engine to understand that there can be
a selector in the same area as the property.
So, what do you think?
#nav-main {
property: value;
ul {
property: value;
li {
property: value;
a {
property: value;
}
}
}
}
**
With Best Regards,
Tommy Ahlbäck
__
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] Hover usually works but not always
On a site I am building at: http://www.murphytx-online.com/murphy/ when you hover over top navigation list items that have submenus those submenus usually come into view but every once in a while they do not. When I have the CSS rule in place that clearly states that the submenus are supposed to appear when their parent element is hovered over I'm not sure how to tell it to make it work all of the time. Seems like I have done everything I can. Any help would be appreciated. The project manager thinks that because this quirky behavior is happening that he has clearly hired somebody who doesn't know what they are doing. P.S. I might (emphasis on might) replace the functionality of the navigation but this is the second style I have tried and the same problem existed in the first style. Also, the same problem exists whether or not the jQuery fade-in effect is turned off or on. __ 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] Hover usually works but not always
On 21/08/2009, at 8:23 AM, christi...@netscape.net wrote: On a site I am building at: http://www.murphytx-online.com/murphy/ when you hover over top navigation list items that have submenus those submenus usually come into view but every once in a while they do not. When I have the CSS rule in place that clearly states that the submenus are supposed to appear when their parent element is hovered over I'm not sure how to tell it to make it work all of the time. Seems like I have done everything I can. Any help would be appreciated. The project manager thinks that because this quirky behavior is happening that he has clearly hired somebody who doesn't know what they are doing. P.S. I might (emphasis on might) replace the functionality of the navigation but this is the second style I have tried and the same problem existed in the first style. Also, the same problem exists whether or not the jQuery fade-in effect is turned off or on. I turned off javascript and was not able to reproduce the problem so I'd suggest that it's not a CSS problem and that you try asking on a jquery, javascript or general web dev list. On the other hand, regarding the CSS, are you aware of how it looks on a mac? http://snadden.com/sandbox/murphy.png Cheers, 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] Hover usually works but not always
Tim Snadden wrote:
On 21/08/2009, at 8:23 AM, christi...@netscape.net wrote:
On a site I am building at:
http://www.murphytx-online.com/murphy/
[...]
On the other hand, regarding the CSS, are you aware of how it looks on
a mac?
http://snadden.com/sandbox/murphy.png
---
Adding #header { overflow: hidden; } to the CSS fixed the menu bar
this end. (Mac browsers.)
Cordially,
David
--
__
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] CSS aesthetic structure
Tommy Ahlbäck wrote:
[...]
So, what do you think?
#nav-main {
property: value;
ul {
property: value;
li {
property: value;
a {
property: value;
}
}
}
}
With Best Regards,
Tommy Ahlbäck
Hello Tommy,
I think that is quite good idea but it doesn't belong on CSS discuss but
rather the CSS WG list. BTW, this was a huge topic there over a year ago.
http://lists.w3.org/Archives/Public/www-style/2008Feb/0133.html
It's called a CSS constant. Noticing that the topic has dried up, maybe
we will have to wait and hope.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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] IE7 issue / divs overlapping
CC CSS discuss. More eyes are better than two.
David Gilden wrote:
Alan,
I have done this and have received no response / suggestions !!! #see below
Thx!
Dave
[...]
#I am trying to create the following layout using only divs
The page looks fine on Mac FireFox / Safari.
However the product area is overlapping the top content area wrapper in IE7
(on XP)!
It does not break at the productArea div!
Just tried :
div class=clearernbsp;/div
!-- prod boxes --
div id=productArea
div.clearer {clear: both; line-height: 0; height: 0;}
To get the areas not to overlapm, but it still is not working correctly.
Photoshop Comp
http://www.coraconnection.com/web/pals/9080.05-PALS-Comp12.png
Basic Layout:
http://www.coraconnection.com/web/css-comp.gif
HTML:
http://www.coraconnection.com/web/pals/pals_home-4products.htm
CSS:
http://www.coraconnection.com/web/pals/css/base.css
Also I can't seem to get the search box to look the comp, which is based
off apple.com design.
Suggestions are welcomed!!!
Dave Gilden MCSD // member of American Federation of Musicians Local 72-147
(kora musician / audiophile / webmaster @ www.coraconnection.com / Ft.
Worth, TX, USA)
Hello Dave,
Maybe this is a little closer.
http://css-class.com/x/pal.htm
Firstly I removed most of the inline style (this should be in the CSS).
div style=float:right;
div class=productBox style=float:left; margin-right:1em;
img src=images/trakPAL.png style=position: relative; top:0;
left:20px; margin: 1em; /
img src=images/trackPalMap.png style=float:left; clear:right;
position: relative; top:4px; left:4px; /
/div
div class=productBox style=float:right;
img src=images/emotiPAL.png style=position: relative; top:0;
margin: 1em; /
img src=images/palsIcon.png style=float:left; clear:right;
position: relative; top:4px; left:4px; /
/div
/div
Leaving this.
div
div class=productBox
img src=images/trakPAL.png /
img src=images/trackPalMap.png /
/div
div class=productBox
img src=images/emotiPAL.png /
img src=images/palsIcon.png /
/div
/div
BTW, you have a div that is doing nothing (it was floating right). I
see that you have thrown everything at the CSS to repair the damaged
caused by the inline styles. The major changes in the CSS is this.
#middleColumn {
margin-bottom:-130px; /* Added */
}
#productArea {
/*top:-130px; Deleted */
}
The IE7- bug(s) you encountered are demo'd here.
http://css-class.com/articles/explorer/floats/floatandcleartest1.htm
My question for you. I have outlined (red dots) and layered
div#middleColumn to show it layered above the lower content. Why does
the box show an extra 100px of space below the div#blueCallout? There is
no reason why this should be happening.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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] suggestions appreciated...
David Laakso wrote: G.Sørtun wrote: David Laakso wrote: I could, and probably will, do this for IE/6: 3. display: none; May I recommend: 4. clean sheet for IE6... http://www.gunlaug.no/contents/wd_additions_50.html ...so as not to discriminate users of such an old browser. regards Georg html http://chelseacreekstudio.com/dl/ css http://chelseacreekstudio.com/dl/css/ 1/ IE/6 has a, more or less, clean-sheet. 2/ Stumped in IE/7. Compliant browsers get it right -- the fuchsia and green blocks should touch. IE/7 puts a vertical space between them. What to do? The relevant selectors are: #aside (fuchsia border) ul#footer (lime border) Hello David, That bug is still present. Four clicks this time. http://css-class.com/x/david/ie6-blank2.png BTW, what is IE7 not doing right? Maybe using the original demo may help IE7 along but with minimum style for IE6 and a nice big sticker saying. This code is to cool for IE6 ;-) -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] IE6 problems: positioning and unwanted centering
Kristen Murphy wrote: I posted last week and haven't received any responses, so I'm trying again. I would greatly appreciate any advice. I'm designing a Drupal theme. It looks right in FF, IE7, Safari, and Opera, but I'm seeing the following problems in IE6: 1. The main (horizontal) menu is displaying in the wrong place. 2. There's a blank space between div#main and div#footer. 3. Bizarrely, all of the text is centered! The site is here: http://testdrupal.transformativeworks.org/ CSS: http://testdrupal.transformativeworks.org/sites/all/themes/cavatica/cavatica.css The PHP page template is not directly accessible from the site, so I've archived a copy here: http://purplelagoon.org/Stuff/template.zip Thanks, Kristen Murphy Hello Kirsten, Using CSS and HTML frameworks or themes are your biggest problem. Secondly, few of us would even dare try to attempt a fix for IE6 when it could take *days or weeks to properly de-bug*. Here is my attempt. http://css-class.com/x/oftw.htm All I have attempted is to hack IE6 into line. As you can see, IE6 is having major problems still. There are quite a few IE6 bugs happening. To many to list here but this may be one of them. http://www.satzansatz.de/cssd/apstaticposition.html -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] Site Help - Problem with IE7 in some circumstances (on wide monitors)
Hello Alan, Yes indeed - having a fixed-width centered body tag caused all position:relative elements to not reposition when the window was resized. Moving those from the body to a container div solved the problem. -Edward At 1:11 PM +1000 8/21/09, Alan Gresley wrote: Hello Edward, Was this your bug. http://css-class.com/test/bugs/ie/body-width.htm -- Edward F Spodick, Information Technology Manager Hong Kong University of Science Technology Library lbspo...@ust.hk tel:852-2358-6743 fax:852-2358-1043 __ 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] suggestions appreciated...
Alan Gresley wrote: Hello David, That bug is still present. Four clicks this time. http://css-class.com/x/david/ie6-blank2.png BTW, what is IE7 not doing right? Maybe using the original demo may help IE7 along but with minimum style for IE6 and a nice big sticker saying. This code is to cool for IE6 ;-) RE: http://chelseacreekstudio.com/dl/ Good morning, Alan... Yes, I know the bug is still present. Even with feeding the lower IEes not much more than content only. It is not so much that the code is too cool for IE/6. But rather that IE/6 is a lot like me: too old, too tired, and gives-up easily. It tries to find an image. Succeeds, the first few times. Then just plain gives up even looking for, much-less loading, a new image after the 4th click. The text-image I am feeding to IE/6 sums it up: http://chelseacreekstudio.com/dl/img/common/ie.png I am not sure what you mean about IE/7. Relatively close to IE/8 on this end. Granted the diamonds drop in the list under the text-image Portfolio (just haven't gotten to fix that just yet). Perhaps you saw it mid-stream -- there was a compound error that did make IE/7 look whacked for a while -- but I believe thats been fixed. I am grateful for your concern and tenacity. Best, F. Goudy __ 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] Corner Logo Position
sono...@fannullone.us wrote:
Hello All,
I have a rather strange problem that I can't seem to find a fix for.
After I added hmtl to the [html,body] rule, the corner logo now
rides on top of the scroll bar of the browser window. If I remove
html from that rule, the logo butts up against but does not cover
the scroll bar. However, when I remove the html, then I end up with
blank space between the content and the footer, so it's needed.
I'd actually like the corner logo to stay within, and hug the right
side of, the footer instead of the window. Any ideas?
http://www.superiorshelving.com/mfg/nexel/test/test6.php
.twoColLiqLtHdr #cornerLogo {
position: fixed;
bottom: 0;
right: 0;
float: right;
z-index: 1; }
Thanks,
Frank
Hello Frank,
Using fixed positioning can cause severe overlapping of contents.
http://css-class.com/x/superior.png
BTW, which logo are you talking about. I think that what you mean is,
html,body {height:100%}
causes the bottom right logo to remain fixed to the viewport where,
body {height:100%}
causes the bottom right logo to scroll. This is correct since the former
rule causes the body element to fill the entire height of the html
element since you have later style already.
You have.
#p7swapmenu {
position:fixed;
}
This causes over halve of the height of this menu to be hidden outside
the viewport. This one issue alone is causing a lot of other issues to
present themselves.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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] Corner Logo Position
sono...@fannullone.us wrote:
Hello All,
I have a rather strange problem that I can't seem to find a fix for.
After I added hmtl to the [html,body] rule, the corner logo now
rides on top of the scroll bar of the browser window. If I remove
html from that rule, the logo butts up against but does not cover
the scroll bar. However, when I remove the html, then I end up with
blank space between the content and the footer, so it's needed.
I'd actually like the corner logo to stay within, and hug the right
side of, the footer instead of the window. Any ideas?
http://www.superiorshelving.com/mfg/nexel/test/test6.php
.twoColLiqLtHdr #cornerLogo {
position: fixed;
bottom: 0;
right: 0;
float: right;
z-index: 1; }
Thanks,
Frank
Hello Frank,
Using fixed positioning can cause severe overlapping of contents.
http://css-class.com/x/superior.png
BTW, which logo are you talking about. I think that what you mean is,
html,body {height:100%}
causes the bottom right logo to remain fixed to the viewport where,
body {height:100%}
causes the bottom right logo to scroll. This is correct since the former
rule causes the body element to fill the entire height of the html
element since you have later style already.
You have.
#p7swapmenu {
position:fixed;
}
This causes over halve of the height of this menu to be hidden outside
the viewport. This one issue alone is causing a lot of other issues to
present themselves.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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] IE6 and percentages
Hello Philippe,
It was foretold that
on 19/08/2009 @ 14:54:36 GMT+0900 (which was 02:54:36 where I live)
Philippe Wittenbergh would write:
snipped a bit
Philippe, sorry for the late reply.
Okay, removing the block makes it a bit better in IE6 but triggers
another problem in IE6: when hoving over the thumbnails the whole page
gets shifted.
And i tried the zoom trick but still the big image is distorted.
Guess i'm up against something that's impossible with IE6 ...
http://www.dzinelabs.com/sandbox/GrupoMP/Pages/Frotacop4.html
Actually, scrap that, you have a little issue with this:
* html #maincontainer * { position: relative; zoom:1; }
/* __everything__ has pos. relative */
remove that block and only apply 'zoom' to specific elements.
--
Best regards,
Luc
_
http://www.dzinelabs.com
Using the best e-mail client: The Bat! version 4.2.6 with
Windows XP (build 2600), version
5.1 Service Pack 3 and
using the best browser: Opera.
__
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] Hover usually works but not always
On 21/08/2009, at 8:23 AM, christi...@netscape.net wrote: On a site I am building at: http://www.murphytx-online.com/murphy/ when you hover over top navigation list items that have submenus those submenus usually come into view but every once in a while they do not. When I have the CSS rule in place that clearly states that the submenus are supposed to appear when their parent element is hovered over I'm not sure how to tell it to make it work all of the time. Seems like I have done everything I can. Any help would be appreciated. The project manager thinks that because this quirky behavior is happening that he has clearly hired somebody who doesn't know what they are doing. P.S. I might (emphasis on might) replace the functionality of the navigation but this is the second style I have tried and the same problem existed in the first style. Also, the same problem exists whether or not the jQuery fade-in effect is turned off or on. I turned off javascript and was not able to reproduce the problem so I'd suggest that it's not a CSS problem and that you try asking on a jquery, javascript or general web dev list. On the other hand, regarding the CSS, are you aware of how it looks on a mac? http://snadden.com/sandbox/murphy.png Cheers, Tim Is that a Mac only problem that cannot be replicated on Safari for PC? Also, has it been fixed now that I added David's CSS fix? And as far as the nav problem goes I have stated that the problem exists in my browsers (and the client's browsers) even when JavaScript is turned off. But I will try turning it off again. Thanks for the responses. Christian __ 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/
