Re: [css-d] Dissapearing elements in IE6
Erik Gyepes wrote: URL: http://erikgyepes.com/problem1/ The page looks okay in Firefox and Oper, but when I look on it with IE6 then the US states title dissapears. Also with the All makes title which is on the bottom of the page. Absolutely positioned boxes near to floats may disappear in IE, in various circumstances. Your case looks like one of the those mentioned here [1], and it seems to be fixed giving margin-right:-3px to the last float of any group following the missing box. I mean: Add a class to the ul going from South Dakota to Wyoming (and to the one going from Rolls Royce to Volvo) and give margin-right:-3px to this class. (There are surely other fixes, but they require more changes to the markup.) Hth, Bruno [1] http://www.brunildo.org/test/IE_raf3.html -- Bruno Fassino http://www.brunildo.org/test __ 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] Dissapearing elements in IE6
Hi Bruno, I don't understand it, but it really works. Do you have any references to that bug or something so I can understand that? What other changes you think? I can change the mark up. Erik Bruno Fassino wrote: Erik Gyepes wrote: URL: http://erikgyepes.com/problem1/ The page looks okay in Firefox and Oper, but when I look on it with IE6 then the US states title dissapears. Also with the All makes title which is on the bottom of the page. Absolutely positioned boxes near to floats may disappear in IE, in various circumstances. Your case looks like one of the those mentioned here [1], and it seems to be fixed giving margin-right:-3px to the last float of any group following the missing box. I mean: Add a class to the ul going from South Dakota to Wyoming (and to the one going from Rolls Royce to Volvo) and give margin-right:-3px to this class. (There are surely other fixes, but they require more changes to the markup.) Hth, Bruno [1] http://www.brunildo.org/test/IE_raf3.html -- Bruno Fassino http://www.brunildo.org/test __ 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/
Re: [css-d] Dissapearing elements in IE6
On 7/25/07, Erik Gyepes wrote: I don't understand it, but it really works. Do you have any references to that bug or something so I can understand that? I don't have any other reference than http://www.brunildo.org/test/IE_raf3.html, which is an attempt to shortly sum up these type of problems and possible solutions. As for understanding I really have no idea :-), it's a bug, or a combination of different bugs, and it's also pretty elusive... What other changes you think? I can change the mark up. For example the addition of an empty element (div/div) between the AP box and the floats also fixes the problem. This is not better than the margin-right workaround, but I mentioned it because in same cases it seems to be the only stable solution. Bruno -- Bruno Fassino http://www.brunildo.org/test __ 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] Aural Style Sheets
At 18:42 (London time), on 24/7/07, James Gadrow said: I don't know of too many, I've not mucked around too much with them yet. However, I know of Jaws (you can download a free trial but I believe after that there's a registration fee) or, if you're using firefox, there's a free plugin called FireVox. For those of us using Macs there is also an interesting article at 456bereastreet.com giving an introduction to Mac OSX's built-in screen- reading software called Voiceover -- a handy tool that most mac users will never have even tried out. http://www.456bereastreet.com/archive/200505/ voiceover_and_safari_screen_reading_on_the_mac/#main Using VoiceOver was an interesting experience, but I have no idea how VoiceOver compares with 'proper' (ie. dedicated) screen reader software like Jaws, and therefore do not know whether the experience it provides should be treated as an accurate gauge of how accessible a site is in this regard. I'd love to hear other people's views but this might be getting a bit off topic for the list? Perhaps a discussion of screen readers is too much like a discussion about browsers... -- Rick Lecoat __ 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] Aural Style Sheets
On Wed, July 25, 2007 10:51 am, Rick Lecoat wrote: I'd love to hear other people's views but this might be getting a bit off topic for the list? Perhaps a discussion of screen readers is too much like a discussion about browsers... Probably even more off-topic than a discussion of browsers: a screen reader isn't a browser at all. The developers of assistive technologies such as Jaws tend to put much more effort into making them work well with applications like Excel than they do for browsers. I think the belief that screen readers are only, or primarily, used for surfing the web is probably the single most common misconception about assistive technologies. They can and do interface to IE and Firefox, but they are used for a lot more than that. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] CSS site with asp/html not working in Firefox
Hi! I have something happening with a website only in Firefox, even though the site was designed for Firefox/Opera, and then IE issues were taken care of with conditional comments. I cannot duplicate the problem in IE6/7 or Opera. I am running Firefox 2.0.0.5. Another developer running, Firefox 1.5.0.1 on a Linux box sent me a screen shot where the problem did not occur, although my copyright was off. I did the site design and coding, but someone else is handling the asp part. They are pulling the application into my design shell so to speak. I don't know a lot about asp, but I cannot imagine that the error is asp related, since this is working in Opera and IE6/7. I was really surprised to see that it worked in Opera and not Firefox, as typically if one of my sites works in Firefox, it works in Opera, at least with my experience. The problem is occurring with the Find Licensee. When entering a county such as Rankin, which has a very long list of licensees, all of the data is sent to the page, but just after the H listings, the page goes white. If you look at the source code, the data is there, but it is not displayed, and the page is white where the data should be. Once the data ends, the footer appears as it should. In Firefox, there is a min-height and height:auto set on the main content areas in order to keep the box on the right where it is, but no max-height is set, which is what the asp developer asked me about. For IE6/7, a height has been set. The website and the app are currently on two different servers and are using different URLs. The site is http://www.mrec.ms.gov/testphase/ and currently, the link to the Find Licensee is not on the site, so use this link to see the issue: http://www.mrec.state.ms.us/findrealtornew.asp. The css file is http://www.mrec.ms.gov/testphase/advanced.css I am really stumped on this one..I've only been using CSS for a few years, and have only created a handful of tabless site designs, so I am guessing it will be something silly I have done. Thanks so much for your help, Suzanne __ 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] Aural Style Sheets
Probably even more off-topic than a discussion of browsers: a screen reader isn't a browser at all. Of course, I never intended for this to be a discussion of various screen readers, but of whether creating aural cascading style sheets (ACSS) held value for those who use screen readers. As a few have pointed out, when ACSS are created by a sighted person with no experience in using screen readers, one could make the browser experience more frustrating rather than less. I've read that the downloadable free trial of JAWS is applicable for 40 minutes. After that time you must reboot your computer and then can run the program again. This apparently can be done repeatedly. This product can be found here: http://www.freedomscientific.com/fs_products/software_jaws.asp For the moment I'll be focusing on following the W3C guidelines as much as possible with a primary focus on adding keyboard accessibility, skip navigation links, etc. For those who are interested, I found the following site to have the most complete information on making your pages accessible: http://www.webaim.org/. Thanks to all for your feedback, Denise __ 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] CSS site with asp/html not working in Firefox
Hi Ian, Yes, the second link I included gets you to the Find Licensee page. I mentioned in the email that the link was not currrently working on the site; the site is still in production. ;-) You should use http://www.mrec.state.ms.us/findrealtornew.asp, and enter Rankin for the county name to see the problem. Thank you! Suzanne Wednesday, July 25, 2007 9:39 AM To: [EMAIL PROTECTED], css-d@lists.css-discuss.org cc: From: Ian Young [EMAIL PROTECTED] Subject: RE: [css-d] CSS site with asp/html not working in Firefox Hi! I have something happening with a website only in Firefox, even though the site was designed for Firefox/Opera, and then IE issues were taken care of with conditional comments. ... The problem is occurring with the Find Licensee. When entering a county such as Rankin, which has a very long list of licensees, all of the data is sent to the page, but just after the H listings, the page goes white. If you look at the source code, the data is there, but it is not displayed, and the page is white where the data should be. Once the data ends, the footer appears as it should. In Firefox, there is a min-height and height:auto set on the main content areas in order to keep the box on the right where it is, but no max-height is set, which is what the asp developer asked me about. For IE6/7, a height has been set. The website and the app are currently on two different servers and are using different URLs. The site is http://www.mrec.ms.gov/testphase/ and currently, the link to the Find Licensee is not on the site, so use this link to see the issue: http://www.mrec.state.ms.us/findrealtornew.asp. The css file is http://www.mrec.ms.gov/testphase/advanced.css Hi Suzanne Cannot see the problem as the tes tpage doesn't link to the Fin Licensee page. Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.10.19/917 - Release Date: 25/07/2007 01:16 __ 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] Site check please
Hi all. I am at the end of the first leg of my css journey. Very complicated stuff and I nearly turned back to tables! Please could someone have a gander at this page and see what you think and if there are any problems. I believe I have sorted them all out now. If I have any errors (it is, however, validated fine) or anything that I can improve on I would really apreciate the collective wisdom on this one. I am also interested to hear also how it looks in computers with different resolutions-it looks fine for me with firefox and IE. Thanks everyone for all your help along the way. http://216.219.94.105/david1.htm - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ 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] Positioning Issues with CSSPlay Simple Photo Gallery
Arian, Thank you! Your solution worked like a charm. My apologies for not replying sooner; bit insane at the moment trying to get the decks cleared before an anticipated surgery. Again, thank you very much! ~~J. __ 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] Site Check and Bughunting, Please
Good afternoon! It would be fabulous if I could get a site check on my current project: Test site - http://www.lostinxlation.net/sandbox1/index.html Test CSS - http://www.lostinxlation.net/sandbox1/primary.css http://www.lostinxlation.net/sandbox1/print.css http://www.lostinxlation.net/sandbox1/mobile.html I'm looking specifically for issues in common Mac and *nix browsers, IE6 (the standalone version I have seems to be rendering worse than IE5.5, which doesn't seem correct), and on handheld / mobile devices. The only thing that should not be functioning is the Submit button on the form page, and the photogallery may not work as expected in Safari and Opera, due to the handling of :hover (still need to tweak that). Also, does anybody have any ideas on how to feed in certain styles in a way that they will be rendered if, and only if, javascript is not functioning? The specific issue I have in mind is that I am using Ruzee's RoundedCorners for the dropshadowed areas, and implementing it requires removing background-color from the applicable selectors and instead including it in script-specific styles, leaving no background-color for those areas when javascript is not working / turned off. Thank you in advance for the time and attention. ~~J. treswife at gmail dot 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/
[css-d] IE6 issues, float related?
Hi all, Thanks to browsershots, I see I've an issue in Win/IE6 (at least) with form fields acting strangely near a float. Page: http://www.cprtools.net/datarecovery/requestform.php CSS: http://www.cprtools.net/datarecovery/styles/style.css WinIE6 Screenshot: http://www.cprtools.net/datarecovery/win.ie6.issue.png The page validates for CSS and XHTML Strict, and looks as I expected (intended) for it to look in most browsers other than WinIE6. There, the portions of the form to the left of my right floated div, is misaligned as are the labels for the form elements. I'm thinking this is a 'has layout' issue, but am just not sure how to 'fix' it. The page does break on UA resizing, but I've been told not to worry about that (by the guy who signs the check), so I'm not (for the moment). This is not a crucial issue as usability isn't at stake, but any suggestions will be greatly appreciated. Thanks in advance, ~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] Site Check and Bughunting, Please
It looks ok on Firefox 2 5659 McAdam Road, Unit 4A Mississauga, Ontario L4Z 1N9 Canada Toll-Free: 800-481-4513 | Fax: 905-502-6778 can be better bold for Firefox..It looks bold on IE7 IE shows Toll-Free: 800-481-4513 | Fax: 905-502-6778 line slightly cut at the bottom. http://www.lostinxlation.net/sandbox1/mobile.html Not found Thanks Troy http://dominor.com On 7/25/07, J Hodge [EMAIL PROTECTED] wrote: Good afternoon! It would be fabulous if I could get a site check on my current project: Test site - http://www.lostinxlation.net/sandbox1/index.html Test CSS - http://www.lostinxlation.net/sandbox1/primary.css http://www.lostinxlation.net/sandbox1/print.css http://www.lostinxlation.net/sandbox1/mobile.html I'm looking specifically for issues in common Mac and *nix browsers, IE6 (the standalone version I have seems to be rendering worse than IE5.5, which doesn't seem correct), and on handheld / mobile devices. The only thing that should not be functioning is the Submit button on the form page, and the photogallery may not work as expected in Safari and Opera, due to the handling of :hover (still need to tweak that). Also, does anybody have any ideas on how to feed in certain styles in a way that they will be rendered if, and only if, javascript is not functioning? The specific issue I have in mind is that I am using Ruzee's RoundedCorners for the dropshadowed areas, and implementing it requires removing background-color from the applicable selectors and instead including it in script-specific styles, leaving no background-color for those areas when javascript is not working / turned off. Thank you in advance for the time and attention. ~~J. treswife at gmail dot 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/ __ 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] Site check please
I checked with IE7 and Firefox. 2.0.0.5 I could not see any major problem. Firefox shows the blue tab texts like Medarc Ltd.How we can help too close to top not vertically middle Thanks Troy http://dominor.com On 7/25/07, trevor bayliss [EMAIL PROTECTED] wrote: Hi all. I am at the end of the first leg of my css journey. Very complicated stuff and I nearly turned back to tables! Please could someone have a gander at this page and see what you think and if there are any problems. I believe I have sorted them all out now. If I have any errors (it is, however, validated fine) or anything that I can improve on I would really apreciate the collective wisdom on this one. I am also interested to hear also how it looks in computers with different resolutions-it looks fine for me with firefox and IE. Thanks everyone for all your help along the way. http://216.219.94.105/david1.htm - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ 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/
Re: [css-d] Site Check
For the gap after the header: rather than getting rid of the spacing in
the HTML try:
img {
vertical-align: bottom;
}
I forget the entire explanation, but essentially what happens is that
IE6 leaves a gap to allow for descenders (the bits of letters that stick
out downwards). Of course, images won't have descenders, but the gap
stays. This only applies to images that are set to display inline.
Hope that helps :)
Sophie
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Joe Schmitt
Sent: 24 July 2007 22:45
To: Your Name; css-d@lists.css-discuss.org
Subject: Re: [css-d] Site Check
Hi Matthew,
I got rid of the 4 pixel gap by removing extra spaces in the html code
for the header section:
div id=header
div id=header_leftimg src=images/left_corner_patch.jpg
alt=Top half of patch. height=88 width=141/div
div id=header_centerimg src=images/header_center.jpg
alt=Website logo. height=88 width=300/div
div id=header_rightimg src=images/right_corner_creators.jpg
alt=Creators of the website. height=88 width=324/div
div class=clear/div
/div
Not sure why but adding border: 1px solid #f2aa20; to the .leftnav
li
styling in the CSS file removes the extra space in the left nav.
any color works, but if change it to a 0px border the extra space comes
back.
So, it's a hack, but maybe you can use it as a starting point to figure
out the problem.
.leftnav li {
font-family: Times New Roman, Times, serif;
font-size: 12pt;
text-align: center;
line-height: 18pt;
border: 1px solid #f2aa20;
}
Be Well,
Joe
- Original Message -
From: Your Name [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Tuesday, July 24, 2007 3:25 PM
Subject: [css-d] Site Check
I am looking for a site check before I begin to add content to this
site.
The HTML link is: http://www.eddysound.com/filing/
The CSS link is: http://www.eddysound.com/filing/style/epso.css
First, I have a few problems in IE 6. There is a 4 pixel gap between
the
header and content div. Why is this? Of course Firefox shows it
correctly
without the gap. Any ideas on how to fix this?
Second, is there a better way to style my secondary and tertiary
navigation in regards to line height / padding / margin? In IE 6 the
navigation becomes extremely spacious and looks terrible. Any help or
suggestions would be greatly appreciates to fix this. I am currently
using
the line-height attribute but feel there might be a better way.
If you have any other suggestions or ways in which I can make this
site
better please feel free to let me know.
Thanks,
Matthew Stoneback
__
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-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] Table extending past 100% of browser window width
Does anyone have any ideas? I have scoured the internet for a solution and the only one I found close to helping me is this: http://blog.gilluminate.com/2005/10/12/large-tables-inside-of-css-two-column-layout-causes-problems Applying the solutions means adding more scroll bars. I would definitely like to avoid more scroll bars as having even two or three similar tables would make the page very confusing. You COULD add just one div for the whole page and scroll it, but I wouldn't want to try to find where that div would fit best for every page. Thanks, Parag __ 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] Firefox behaviour - Child element margins applied to parent elements instead
Hi All,
I hope this isn't something that's come up before. Seeing as it's not in the
lists of usual bugs in browsers, I'm guessing it might be my ignorance
rather than a poorly implemented recommendation. I hope someone can
enlighten me as it's something that's repeatedly come up and I've never
found a way around it other than the one I'll outline which isn't what I
want at all...
I've built a proof of concept. See link below
http://www.tonyhaddon.com/cssbug/test.html
Markup here is
-
?xml version=1.0 encoding=utf-8?
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/2000/REC-xhtml1-2126/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
style type=text/css media=screen
@import url('includes/cssbug.css');
/style
titleTest Page/title
/head
body
div id=outer
div id=inner
h1Header/h1
/div
/div
/body
/html
-
And my CSS is:
body {
background: #cc;
padding: 0;
margin: 0;
}
#outer {
width: 900px;
background: #ff;
}
#inner {
height: 100px;
/*border: solid 1px;*/
}
h1 {
margin: 50px 0 0 10px;
padding: 0;
background-color: Red;
}
-
My problem lies in the margin I've applied to the h1 element here. It ought
to offset the h1 block from the containing #inner element. In IE6 it works
as planned, but Firefox appears to apply the margin to the element two steps
up the tree e.g. the #outer element.
The only fix I have been able to find is putting a border on the #inner
element (see example at
http://www.tonyhaddon.com/cssbug/test2.html)http://www.tonyhaddon.com/cssbug/test2.html.
This seems to apply the padding in all the right places... but now I have a
border on my #inner that I don't want!
Can anyone make any suggestions?
Thanks in advance
Tony
__
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] display: none and Google
I can only see a positive outcome from this change.. As long as you do not cheat, you should be ok .. Thanks Troy http://7seo.com On 7/23/07, Richard Grevers [EMAIL PROTECTED] wrote: On 7/24/07, H. Bartel [EMAIL PROTECTED] wrote: Hi, if I use a span inside a headline to substitute a .png image with text in IE5.5 which is set to display: none, does this effect Google or general search engine indexing in a negative way? It usually looks like: h2img src=images/img.png alt=one or two words width=170 height=18 /spanone or two words/span/h2 Googlebot (and bots in general) will ignore the stylesheet, so it will read and index the text which you hide. However, there was a passing fad for keyword spamming by stuffing lots of (usually off-topic) keywords into an element with inline styling to hide it - until search bots started detecting and punishing that. I believe the bots are clever enough to discriminate between keyword stuffing and normal Image replacement methods, however. Just stick to having the text match the alt attribute and you should be fine. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ 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] Background image not centring correctly in Firefox
Heya, I was under the impression that by setting the background-position to center center you could get your background image sitting in the middle of the screen. IE is doing this just fine, but with Firefox I am finding that the image sits right up at the top, half off the screen. You can see it in action at http://www.frontandback.com.au/temp/ What have I done wrong? The CSS is in the head of the document for purposes of debuging this. As you can see, there's not much to it so I doubt it's being thrown out by something else. Any suggestions would be appreciated. Cheers, Seona. __ 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] my CSS is often working offline but not online , why is that so?
Hi, why is it that the behaviour from the browsers is offline different to online? The browsers (testing on IE6, Opera, Fireforx2 and Netscape) are interpretating my CSS often differently offline and online. Can I do something about this? Its an annoying process to have to upload everything again and again to see when the code is finally working correctly... regards, Lavinia - Alles was der Gesundheit und Entspannung dient.BE A BETTER MEDIZINMANN! __ 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] CSS site with asp/html not working in Firefox
Hi! I have something happening with a website only in Firefox, even though the site was designed for Firefox/Opera, and then IE issues were taken care of with conditional comments. ... The problem is occurring with the Find Licensee. When entering a county such as Rankin, which has a very long list of licensees, all of the data is sent to the page, but just after the H listings, the page goes white. If you look at the source code, the data is there, but it is not displayed, and the page is white where the data should be. Once the data ends, the footer appears as it should. In Firefox, there is a min-height and height:auto set on the main content areas in order to keep the box on the right where it is, but no max-height is set, which is what the asp developer asked me about. For IE6/7, a height has been set. The website and the app are currently on two different servers and are using different URLs. The site is http://www.mrec.ms.gov/testphase/ and currently, the link to the Find Licensee is not on the site, so use this link to see the issue: http://www.mrec.state.ms.us/findrealtornew.asp. The css file is http://www.mrec.ms.gov/testphase/advanced.css Hi Suzanne Cannot see the problem as the tes tpage doesn't link to the Fin Licensee page. Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.10.19/917 - Release Date: 25/07/2007 01:16 __ 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] Layout breaks in Firefox 2, but only sometimes
They look ok on my end.. firefox 2.0.0.5 PC Thanks Troy http://dominor.com On 7/25/07, Anne E . Shroeder [EMAIL PROTECTED] wrote: big conundrum: In firefox my pages break (center and right column drop down below level of left column), but not always. If I refresh they are fine. It's very uneven behavior. It seems to be just fine in IE - and this problem occurs is only on Firefox 2.* on the PC. Examples of pages that are breaking: http://www.currentflash.com/alma/web/programming/rnd04/template_natural_sciences.php http://www.currentflash.com/alma/web/programming/rnd04/template_pre_professional.php It would seem that the div definitions are too wide and so are being dropped down, but in this case why does the page sometimes work? Any insights much appreciated. Anne Anne Shroeder Web Developer Language Works, specializing in multi-lingual web site development www.language-works.com email: [EMAIL PROTECTED] __ 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/
Re: [css-d] Background image not centring correctly in Firefox
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
Seona Bellamy wrote:
Heya,
I was under the impression that by setting the background-position to
center center you could get your background image sitting in the middle of
the screen. IE is doing this just fine, but with Firefox I am finding that
the image sits right up at the top, half off the screen. You can see it in
action at http://www.frontandback.com.au/temp/
You need to set html, body { height: 100%; }. Otherwise body should
only be as high as its content.
Hope this helps,
Ricky
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.7 (GNU/Linux)
iD8DBQFGp//kZBKKLMyvSE4RAlyCAJ4g88Wu+U95rQOlfyGeGaygYBhxywCeK/L5
f0aSWFkN7RBCfWf35zgfuqY=
=cMEe
-END PGP SIGNATURE-
__
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] Site Check and Bughunting, Please
checking it on the w3.org validator it says it is Tentatively valid so it wouldn´t hurt to get that sorted out. The css validator shows two errors: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.lostinxlation.net%2Fsandbox1%2Findex.html If you put padding: 0px; that should sort that one out I think HTHs I´m learning this too! J Hodge [EMAIL PROTECTED] wrote: Good afternoon! It would be fabulous if I could get a site check on my current project: Test site - http://www.lostinxlation.net/sandbox1/index.html Test CSS - http://www.lostinxlation.net/sandbox1/primary.css http://www.lostinxlation.net/sandbox1/print.css http://www.lostinxlation.net/sandbox1/mobile.html I'm looking specifically for issues in common Mac and *nix browsers, IE6 (the standalone version I have seems to be rendering worse than IE5.5, which doesn't seem correct), and on handheld / mobile devices. The only thing that should not be functioning is the Submit button on the form page, and the photogallery may not work as expected in Safari and Opera, due to the handling of :hover (still need to tweak that). Also, does anybody have any ideas on how to feed in certain styles in a way that they will be rendered if, and only if, javascript is not functioning? The specific issue I have in mind is that I am using Ruzee's RoundedCorners for the dropshadowed areas, and implementing it requires removing background-color from the applicable selectors and instead including it in script-specific styles, leaving no background-color for those areas when javascript is not working / turned off. Thank you in advance for the time and attention. ~~J. treswife at gmail dot 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/ - Be a better Globetrotter. Get better travel answers from someone who knows. Yahoo! Answers - Check it out. __ 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] my CSS is often working offline but not online , why is that so?
Check this out http://www.websiteoptimization.com/speed/tweak/xssi/ Thanks Troy http://dominor.com On 7/25/07, lavinia Ebert [EMAIL PROTECTED] wrote: Hi, why is it that the behaviour from the browsers is offline different to online? The browsers (testing on IE6, Opera, Fireforx2 and Netscape) are interpretating my CSS often differently offline and online. Can I do something about this? Its an annoying process to have to upload everything again and again to see when the code is finally working correctly... regards, Lavinia - Alles was der Gesundheit und Entspannung dient.BE A BETTER MEDIZINMANN! __ 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/
Re: [css-d] Layout breaks in Firefox 2, but only sometimes
On Jul 26, 2007, at 7:28 AM, Anne E . Shroeder wrote:
big conundrum: In firefox my pages break (center and right column
drop down below level of left column), but not always. If I
refresh they are fine. It's very uneven behavior. It seems to be
just fine in IE - and this problem occurs is only on Firefox 2.* on
the PC.
Examples of pages that are breaking:
http://www.currentflash.com/alma/web/programming/rnd04/
template_natural_sciences.php
http://www.currentflash.com/alma/web/programming/rnd04/
template_pre_professional.php
It would seem that the div definitions are too wide and so are
being dropped down, but in this case why does the page sometimes
work? Any insights much appreciated.
You are using 'display:table' on some of your divs, e.g.
#total_insidecontainer
{
width: 924px;
background:url(../siteimages/bg-across.gif) repeat-y;
display: table;
}
There is an obscure bug in Gecko whereby using display table
sometimes cause the parser to hang very briefly. The result is that
some of your floated blocks may drop lower (as if the Gecko parser
created a second table-row).
I guess (I didn't analyse your pages completely) you are using
'display:table' to contain floated blocks. You should consider using
an alternative technique, like the 'easy clearing' method, or other
methods listed on the wiki:
http://css-discuss.incutio.com/?page=ClearingSpace
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.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/
[css-d] strange gecko (firefox/mozilla) appendchild behavior
Take a look at these and tell me why the first one acts funny in firefox/mozilla: http://rvandam.com/test_appendchild.html http://rvandam.com/test_appendchild2.html I have a table (of actual raw data) that is being generated dynamically but is relatively expensive to generate. I wanted to make it possible to sort the rows by clicking on the column header but without going back to the server or requiring me to cache the entire page. So I dynamically generate js objects containing all the relevant data and I got sorting working very cleaning using mytable.appendChild(myrow) to rearrange the rows after I had resorted them. That all worked great, but here's the problem: After the _second_ time you sort, firefox (2.0 on linux and 1.5 on windows) and mozilla (1.7) mysteriously lose the borders on all of the newly rearranged cells (plus some of the header ones that didn't move). I finally tracked down (thanks to firefox's dom inspector) that I was generating a new tbody each time (because otherwise ie doesn't show any of the rows) and for some reason firefox/mozilla don't seem to apply stylesheet rules of the form table td to dynamically generated rows that are in the third or later tbody. However, it works fine in konqueror and ie (6 and 7). Since I've already fixed it I don't know if anyone will bother responding but the why still has me perplexed. Anyone have any clues? I'm not getting anything useful out of google at the moment. (After a little more experimentation, it is only dynamically generated tbodies that have this problem, a table with several static tbodies has css applied just fine). __ 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] Background image not centring correctly in Firefox
Thanks Jerod and Ricky. That worked a treat. Just out of curiosity, is there a nice easy way of vertically centring a div? I seem to recall seeing this discussion once before and the conclusion being that there isn't, but someone may have come up with a way since then. (Well, I can dream...) :) Cheers, Seona. __ 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] Table extending past 100% of browser window width
On Jul 25, 2007, at 4:42 AM, Parag Jagdale wrote:
am having problems with tables that are too wide for a browser
window.
The client has existing html code that they cannot change in the
near future
and so I have to work with whats already there,
and whats there is very very ugly.
Here is the example: http://www.un-identified.com/ipa/example.html
The containing div doesnt wrap around the whole table in both FF2
and IE7.
IE 6 is saved by its own stupidity here.
Other browsers do what the specs say, and in this case it has an
unfortunately side effect...
I suppose you want the both the blue band and the white box
containing the table to extend to the right when the table is very
large.
A solution could be: wrap the whole page (including the footer,
depending on the styling you want there) in a div, and float that div
(div {float:left}). Do _not_ set a width on that div. But you might
need to set a min-width:100% to make sure it fills the viewport when
there is little content (avoiding shrink-wrapping).
(warning: untested, but should work well in most modern browsers.
please report back :-))
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.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] strange gecko (firefox/mozilla) appendchild behavior
http://www.w3.org/TR/html401/struct/tables.html#edef-TBODY
When present, each THEAD, TFOOT, and TBODY contains a row group. Each
row group must contain at least one row, defined by the TR element.
So it looks like an empty tbody isn't valid so mozilla/firefox is just
being less forgiving than the others.
Rob
On 7/25/07, Robert Van Dam [EMAIL PROTECTED] wrote:
Update:
The problem seems to be specifically that an empty tbody breaks the
border-collapse: collapse; algorithm.
I should have realized that border-collapse was part of the problem
because the other css was still working.
Try this in your favorite gecko based browser
style type=text/css
table, td { border-collapse: collapse; border: 1px solid black; }
/style
table
tbodytrtd1/tdtd2/td/tr/tbody
tbody/tbody
tbodytrtd3/tdtd4/td/tr/tbody
/table
On 7/25/07, Robert Van Dam [EMAIL PROTECTED] wrote:
Take a look at these and tell me why the first one acts funny in
firefox/mozilla:
http://rvandam.com/test_appendchild.html
http://rvandam.com/test_appendchild2.html
I have a table (of actual raw data) that is being generated
dynamically but is relatively expensive to generate. I wanted to make
it possible to sort the rows by clicking on the column header but
without going back to the server or requiring me to cache the entire
page.
So I dynamically generate js objects containing all the relevant data
and I got sorting working very cleaning using
mytable.appendChild(myrow) to rearrange the rows after I had resorted
them. That all worked great, but here's the problem:
After the _second_ time you sort, firefox (2.0 on linux and 1.5 on
windows) and mozilla (1.7) mysteriously lose the borders on all of the
newly rearranged cells (plus some of the header ones that didn't
move).
I finally tracked down (thanks to firefox's dom inspector) that I was
generating a new tbody each time (because otherwise ie doesn't show
any of the rows) and for some reason firefox/mozilla don't seem to
apply stylesheet rules of the form table td to dynamically generated
rows that are in the third or later tbody. However, it works fine in
konqueror and ie (6 and 7).
Since I've already fixed it I don't know if anyone will bother
responding but the why still has me perplexed. Anyone have any
clues? I'm not getting anything useful out of google at the moment.
(After a little more experimentation, it is only dynamically generated
tbodies that have this problem, a table with several static tbodies
has css applied just fine).
__
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] Javascript stops CSS Validation
Hi, If it helps, this is the page I am trying to validate the CSS for: http://www.3pointdesign.com/ I am trying here: http://jigsaw.w3.org/css-validator/ and this is what I get: Servlet has thrown exception:javax.servlet.ServletException: Timed out What shall I do? Oh, and WC3 have changed their site a bit: http://validator.w3.org/ Now you can fancy blue wc3 validation icons - woo woo! Chris Blake: Visit my Website at 3 Point contact | [EMAIL PROTECTED] - 07816163420 | aim - blakeybounce | msn - [EMAIL PROTECTED] __ 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] Site check please
trevor bayliss wrote:
Hi all. I am at the end of the first leg of my css journey. Very complicated
stuff and I nearly turned back to tables!
Please could someone have a gander at this page and see what you think and
if there are any problems. I believe I have sorted them all out now. If I
have any errors (it is, however, validated fine) or anything that I can
improve on I would really apreciate the collective wisdom on this one. I am
also interested to hear also how it looks in computers with different
resolutions-it looks fine for me with firefox and IE. Thanks everyone for all
your help along the way.
http://216.219.94.105/david1.htm
Trevor,
You are getting there.
You will know things are working relatively well cross-browser when in
IE6.0 you do not drop the far right column float (as it does now) when
she is in accessibility mode at text-size /largest/ with the
/ignore font sizes specified on Web pages/ box checked [1].
Some /first steps/ toward that goal, might be:
1/ Re-set this:
body { font: /*0.9875em*/ 90% tahoma, arial, sans-serif; color: #4d4d4d;
text-align: center; }
to (default):
body { font: 100% tahoma, arial, sans-serif; color: #4d4d4d; text-align:
center; }
2/ Re-set this:
#topnav a {border-right: #d8e1e9 1px solid; display: block; font:
11px/20px tahoma, arial, sans-serif; color: #fff; text-align: center}
to (ditch the pixel font and pixel line-height):
#topnav a {border-right: #d8e1e9 1px solid; display: block; font:
76%/1.4 tahoma, arial, sans-serif; color: #fff; text-align: center}
3/ Reduce the font-size of the headings (h2-h6) and content text (p) as
necessary.
[1] To put IE6 in accessibiliy mode at text-size largest:
Go to:
ToolsInternet OptionsAccessibilityCheck box that reads: ignore font
sizes specified on Web pages
Then go to: ViewText SizeLargest
Best,
~dL
--
http://chelseacreekstudio.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] strange gecko (firefox/mozilla) appendchild behavior
Update:
The problem seems to be specifically that an empty tbody breaks the
border-collapse: collapse; algorithm.
I should have realized that border-collapse was part of the problem
because the other css was still working.
Try this in your favorite gecko based browser
style type=text/css
table, td { border-collapse: collapse; border: 1px solid black; }
/style
table
tbodytrtd1/tdtd2/td/tr/tbody
tbody/tbody
tbodytrtd3/tdtd4/td/tr/tbody
/table
On 7/25/07, Robert Van Dam [EMAIL PROTECTED] wrote:
Take a look at these and tell me why the first one acts funny in
firefox/mozilla:
http://rvandam.com/test_appendchild.html
http://rvandam.com/test_appendchild2.html
I have a table (of actual raw data) that is being generated
dynamically but is relatively expensive to generate. I wanted to make
it possible to sort the rows by clicking on the column header but
without going back to the server or requiring me to cache the entire
page.
So I dynamically generate js objects containing all the relevant data
and I got sorting working very cleaning using
mytable.appendChild(myrow) to rearrange the rows after I had resorted
them. That all worked great, but here's the problem:
After the _second_ time you sort, firefox (2.0 on linux and 1.5 on
windows) and mozilla (1.7) mysteriously lose the borders on all of the
newly rearranged cells (plus some of the header ones that didn't
move).
I finally tracked down (thanks to firefox's dom inspector) that I was
generating a new tbody each time (because otherwise ie doesn't show
any of the rows) and for some reason firefox/mozilla don't seem to
apply stylesheet rules of the form table td to dynamically generated
rows that are in the third or later tbody. However, it works fine in
konqueror and ie (6 and 7).
Since I've already fixed it I don't know if anyone will bother
responding but the why still has me perplexed. Anyone have any
clues? I'm not getting anything useful out of google at the moment.
(After a little more experimentation, it is only dynamically generated
tbodies that have this problem, a table with several static tbodies
has css applied just fine).
__
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] display: none and Google
On 24.07.2007 11:17 Uhr [EMAIL PROTECTED] wrote: It usually looks like: h2img src=images/img.png alt=one or two words width=170 height=18 /spanone or two words/span/h2 Googlebot (and bots in general) will ignore the stylesheet, so it will read and index the text which you hide. However, there was a passing fad for keyword spamming by stuffing lots of (usually off-topic) keywords into an element with inline styling to hide it - until search bots started detecting and punishing that. I believe the bots are clever enough to discriminate between keyword stuffing and normal Image replacement methods, however. Just stick to having the text match the alt attribute and you should be fine. Hi, I have read about it some more and after evaluating the possibilities I have changed display: none to absolutely positioning the elements far off the page, like left: -1px. This works the same and is the safer way. For those of you who are interested: http://www.456bereastreet.com/archive/200510/google_seo_and_using_css_to_hide_text/ Regards, Holger __ 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] CSS site with asp/html not working in Firefox
[EMAIL PROTECTED] wrote: ... You should use http://www.mrec.state.ms.us/findrealtornew.asp, and enter Rankin for the county name to see the problem. ... The problem is occurring with the Find Licensee. When entering a county such as Rankin, which has a very long list of licensees, all of the data is sent to the page, but just after the H listings, the page goes white. If you look at the source code, the data is there, but it is not displayed, and the page is white where the data should be. Once the data ends, the footer appears as it should. In Firefox, there is a min-height and height:auto set on the main content areas in order to keep the box on the right where it is, but no max-height is set, which is what the asp developer asked me about. For IE6/7, a height has been set. Looks like https://bugzilla.mozilla.org/show_bug.cgi?id=242582 large table doesn't get rendered all the way to the bottom This problem seems to be related on your overflow:auto setting in #colorbarcontent /* advanced.css (line 223) */ Did not look into it, but I guess its about containing floats? Remove that overflow and insert float:left, at least in firebug this works for me. Ingo -- http://www.satzansatz.de/css.html __ 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] Site check please
David Laakso [EMAIL PROTECTED] wrote: trevor bayliss wrote:
Hi all. I am at the end of the first leg of my css journey. Very complicated
stuff and I nearly turned back to tables!
Please could someone have a gander at this page and see what you think and if
there are any problems. I believe I have sorted them all out now. If I have
any errors (it is, however, validated fine) or anything that I can improve on
I would really apreciate the collective wisdom on this one. I am also
interested to hear also how it looks in computers with different
resolutions-it looks fine for me with firefox and IE. Thanks everyone for all
your help along the way.
http://216.219.94.105/david1.htm
Trevor,
You are getting there.
You will know things are working relatively well cross-browser when in
IE6.0 you do not drop the far right column float (as it does now) when
she is in accessibility mode at text-size /largest/ with the
/ignore font sizes specified on Web pages/ box checked [1].
Some /first steps/ toward that goal, might be:
1/ Re-set this:
body { font: /*0.9875em*/ 90% tahoma, arial, sans-serif; color: #4d4d4d;
text-align: center; }
to (default):
body { font: 100% tahoma, arial, sans-serif; color: #4d4d4d; text-align:
center; }
2/ Re-set this:
#topnav a {border-right: #d8e1e9 1px solid; display: block; font:
11px/20px tahoma, arial, sans-serif; color: #fff; text-align: center}
to (ditch the pixel font and pixel line-height):
#topnav a {border-right: #d8e1e9 1px solid; display: block; font:
76%/1.4 tahoma, arial, sans-serif; color: #fff; text-align: center}
3/ Reduce the font-size of the headings (h2-h6) and content text (p) as
necessary.
[1] To put IE6 in accessibiliy mode at text-size largest:
Go to:
ToolsInternet OptionsAccessibilityCheck box that reads: ignore font
sizes specified on Web pages
Then go to: ViewText SizeLargest
Best,
~dL
--
http://chelseacreekstudio.com/
Thanks as ever for the reply David. I have implemented those changes
http://216.219.94.105/david1.htm and will change the p´s and h´s to make it
look smarter. The AccessibilityCheck box that reads: ignore font sizes I
have done-what a nightmare I feel like I´m back to square one again now! I have
no idea where to start to sort out the problem the cl div (which is the
offending one) is floated right. The only tools I have knowledge of are clear
for this case. I will try clearing right and clearing left and clearing both
and see what happens.
-
Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news,
photos more.
__
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] Maps, Google or Virtual Earth use
I am wondering if anyone out there is using either Google Maps or Virtual Earth? Have you been able to embed stuff into a CSS file if you have? Just starting a project with maps and wanted to know how people are doing them. Brett __ 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/
