Re: [css-d] Any IE8 news?
- Original Message - From: Bill Brown [EMAIL PROTECTED] the next release of IE8 was coming out in August, but the MS site is still just offering Beta 1 Here: http://blogs.msdn.com/ie/archive/2008/08/27/internet-explorer-8-beta-2-now-available.aspx and here: http://www.microsoft.com/windows/internet-explorer/beta/ Best, Bill Thanks! I'll install it tomorrow night. __ css-discuss [EMAIL PROTECTED] 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] Any IE8 news?
Very brave. grin Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Nancy To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Thursday, August 28, 2008 7:22 AM Subject: Re: [css-d] Any IE8 news? Thanks! I'll install it tomorrow night. __ css-discuss [EMAIL PROTECTED] 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] Pseudo frame and Skip to Content, unexpected behaviour
Hi Georg Thank you for suggesting that - I tried it but in Firefox on a pc the effect is to push the content 175 pixels down the computer screen below the pseudo frame, ie creating a big empty space between the masthead image and the start of the text. But I am grateful to you, all the same, for giving this so much thought. Kind regards Rachel At 02:27 28/08/2008, Gunlaug Sørtun wrote: Rachel Mawhood wrote: When one uses the keyboard shortcut for Skip to Content (access key S, to a div called content) on this site, http://www.internationalorganbuilders.com/uk/access.php which has a pseudo frame at the top, the browser doesn't seem to recognise that the content div is located further down the browser screen than the pseudo frame div. That's normal for in-page anchors - they always end up on top of the browser-window. The trick is to make the anchor (top of content) run to the top of the browser-window, while the content stays below the pseudo frame div. Several ways to do this - depending on design, but I chose to offset the #content div using the existing 'position: relative' in this example... http://www.gunlaug.no/tos/alien/rm/test_08_0827.html See if it's close enough for comfort, and if so you'll find the altered and added styles commented here... http://www.gunlaug.no/tos/alien/rm/test_08_0827_files/isoconso.css regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] 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-discuss [EMAIL PROTECTED] 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, background-image - displays OK on one page but not on the others
Hello, I started deleting parts of your page (of the html code) and recognized that after I deleted the footer, the.#fauxframe was displayed. Then I inserted the footer again and started commenting out its CSS definitions. That way I found out that if you delete the height: 1%; for the footer, the the #fauxframe is displayed: #footer, #pieddepage, #seitenende { clear: both; margin: 0; padding: 0 0 3em 20em; font-size: 70%; /*height: 1%;*/ -- comment this out text-align: left; } Don't aks me why that fotter style influences the #fauxframe , because honestly I don't know. ;) Best regards, Christian Kirchhoff *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski Rachel Mawhood schrieb: Hello list Well, I've tried a number of things - clear:both, zoom:1, min-height, removing the mask.gif, etc - but nothing so far has worked. I have Googled the problem, looked at positioniseeverything and other bug-fixing sites, but without finding the solution. It is so far completely baffling. I have read that IE7 has a problem rendering elements with background images whose parent and/or child also contains a background image (as is the case here, in that the body has a tiled background image) but it is so strange that, in this case, it is OK on one page and not on the others. In MSIE 7 this page displays the image of the trumpets and organ pipes as intended http://www.internationalorganbuilders.com/members/index.php It uses exactly the same css files and template as these pages, on which the image cannot be made to appear in IE7, eg http://www.internationalorganbuilders.com/board/index.php http://www.internationalorganbuilders.com/congress/index.php The CSS files are here (I've taken the index.html file out of this directory for the time being) http://www.internationalorganbuilders.com/styles/isoconsole.css http://www.internationalorganbuilders.com/styles/iso-images.css I can't remove the tiled background image in the body because the client specifically wanted this. I would be very grateful indeed for any pointers to why the Members page is OK and the others are not OK with the image at the top of the page. TVIA Rachel __ css-discuss [EMAIL PROTECTED] 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-discuss [EMAIL PROTECTED] 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] Pseudo frame and Skip to Content, unexpected behaviour
Rachel Mawhood wrote: Thank you for suggesting that - I tried it but in Firefox on a pc the effect is to push the content 175 pixels down the computer screen below the pseudo frame, ie creating a big empty space between the masthead image and the start of the text. You've forgotten to check the CSS for my example... http://www.gunlaug.no/tos/alien/rm/test_08_0827.html ...as the 175px margin-top on #page-container has to be removed first, and a margin-top of 175px be added to #stoplist to get the correct line-up - before offsetting #content. It's all commented as /* altered */ and /* added */ in my CSS file... http://www.gunlaug.no/tos/alien/rm/test_08_0827_files/isoconso.css That's why my example is working as intended while your test didn't, and mine is tested in Firefox 2.0.0.16 / 3.01 and Opera 9.5 on a PC. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] 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] Any IE8 news?
I had some additional questions, in previous conversations regarding IE8, it wasn't clear to me whether IE8 supports conditional comments the same way as other versions of IE do. Does it support conditional comments? If not how would you have a separate Style sheet for IE8? For instance I had a page the browsershots.org indicated broke in IE8 but was fine in IE6 and 7, Firefox and Safari. Thanks in advance, Nancy On Thu, Aug 28, 2008 at 3:23 AM, Alan K Baker [EMAIL PROTECTED] wrote: Very brave. grin Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Nancy To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Thursday, August 28, 2008 7:22 AM Subject: Re: [css-d] Any IE8 news? Thanks! I'll install it tomorrow night. __ css-discuss [EMAIL PROTECTED] 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-discuss [EMAIL PROTECTED] 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] Any IE8 news?
Alan K Baker wrote: Very brave. grin Regards, Alan. Hello Alan, the brave indeed. Guess what, IE8b2 seems to be to one of the most standard compliant CSS2.1 browsers. I know that seems odd to say about IE but they at MS have really done a good job with my bug list. :-) http://css-class.com/test/bugs/ie/ie-bugs.htm I can see bugs in only a few pages (my no mercy CSS). http://css-class.com/test/css/overflow/float-container-overflow.htm http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm They kindly left one possible CSS hack when using the XML prolog. http://css-class.com/test/css/selectors/ie7hacktargetingopera.htm I do note a strange rendering bug where pages do not download properly. Sometimes positioned elements are in strange positions and a refresh is needed to fix their placement up. Also text (links) seems to be missing here and there and then appears when scrolling. The weird bugs that are not reproducible. Now we just have to wait for IE9 and CSS3. :-( -- Alan http://css-class.com/ Nearly all men can stand adversity, but if you want to test a man's character, give him power - Abraham Lincoln Save the Internet - http://www.savetheinternet.com/ __ css-discuss [EMAIL PROTECTED] 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, background-image - displays OK on one page but not on the others
Hi Christian That way I found out that if you delete the height: 1%; for the footer, the the #fauxframe is displayed: That worked like a magic charm - I am so relieved - thank you. However, in IE 6 it resulted in the footer relocating itself halfway up the page, so I put back the height but with an underscore in front of it, ie _height: 1%;/* to fix footer to bottom of screen in IE6 */ and that did return to the footer to the bottom of the screen in IE6. Somewhere I have read, though, that using underscore like this is not a good idea (though it works). When I have time, I could try substituting * html body div#footer, div#pieddepage, div#seitenende { height: 1%; } which, I understand, is visible only to IE6, not to IE7, but I don't know if that would be better coding. Don't aks me why that fotter style influences the #fauxframe , because honestly I don't know. ;) CSS is full of things like this, isn't it? I more than half-expected the solution to be completely illogical :-) This is a wonderful list; I hope that I can give back to it as much good as I have derived from it. Kind regards Rachel At 10:27 28/08/2008, Christian Kirchhoff wrote: Hello, I started deleting parts of your page (of the html code) and recognized that after I deleted the footer, the.#fauxframe was displayed. Then I inserted the footer again and started commenting out its CSS definitions. That way I found out that if you delete the height: 1%; for the footer, the the #fauxframe is displayed: #footer, #pieddepage, #seitenende { clear: both; margin: 0; padding: 0 0 3em 20em; font-size: 70%; /*height: 1%;*/ -- comment this out text-align: left; } Don't aks me why that fotter style influences the #fauxframe , because honestly I don't know. ;) Best regards, Christian Kirchhoff *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski Rachel Mawhood schrieb: Hello list Well, I've tried a number of things - clear:both, zoom:1, min-height, removing the mask.gif, etc - but nothing so far has worked. I have Googled the problem, looked at positioniseeverything and other bug-fixing sites, but without finding the solution. It is so far completely baffling. I have read that IE7 has a problem rendering elements with background images whose parent and/or child also contains a background image (as is the case here, in that the body has a tiled background image) but it is so strange that, in this case, it is OK on one page and not on the others. In MSIE 7 this page displays the image of the trumpets and organ pipes as intended http://www.internationalorganbuilders.com/members/index.php It uses exactly the same css files and template as these pages, on which the image cannot be made to appear in IE7, eg http://www.internationalorganbuilders.com/board/index.php http://www.internationalorganbuilders.com/congress/index.php The CSS files are here (I've taken the index.html file out of this directory for the time being) http://www.internationalorganbuilders.com/styles/isoconsole.css http://www.internationalorganbuilders.com/styles/iso-images.css I can't remove the tiled background image in the body because the client specifically wanted this. I would be very grateful indeed for any pointers to why the Members page is OK and the others are not OK with the image at the top of the page. TVIA Rachel __ css-discuss [EMAIL PROTECTED] 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-discuss [EMAIL PROTECTED] 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-discuss [EMAIL PROTECTED] 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] Any IE8 news?
Nancy Johnson wrote: I had some additional questions, in previous conversations regarding IE8, it wasn't clear to me whether IE8 supports conditional comments the same way as other versions of IE do. Does it support conditional comments? If not how would you have a separate Style sheet for IE8? For instance I had a page the browsershots.org indicated broke in IE8 but was fine in IE6 and 7, Firefox and Safari. Thanks in advance, Nancy Hello Nancy, IE8 does support conditional comments. http://css-class.com/test/bugs/ie/8/ie8-cc-seen-by-ie6.htm Plus it does not wreck the version vectors as IE8b1 did. I find that Bruno has found a hack. http://www.brunildo.org/test/csshacks.html html:first-child selector [attr|=a-b] { property: value; } Playing around with this, we can have. http://css-class.com/test/bugs/ie/8/ie8b2-hack.htm html:first-child p { property: value; } This isn't even with a XML prolog. -- Alan http://css-class.com/ Nearly all men can stand adversity, but if you want to test a man's character, give him power - Abraham Lincoln Save the Internet - http://www.savetheinternet.com/ __ css-discuss [EMAIL PROTECTED] 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] Any IE8 news?
Alan Gresley wrote: Guess what, IE8b2 seems to be to one of the most standard compliant CSS2.1 browsers. I know that seems odd to say about IE but they at MS have really done a good job with my bug list. :-) [...] I do note a strange rendering bug where pages do not download properly. Sometimes positioned elements are in strange positions and a refresh is needed to fix their placement up. Also text (links) seems to be missing here and there and then appears when scrolling. The weird bugs that are not reproducible. Yes, I have same experience. Many CSS bugs are gone! Then there is this problem where parts of a page are sometimes not displayed, especially in presence of images, but also with text. With multiple refreshes the missing parts usually appear. But refreshing again other (or the same) parts may disappear again. Best regards, Bruno PS: IE8b2 seems to match html:first-child. Of course there is no interest now for IE8b2 hacks, however html:first-child was matched also by Opera 9.5 (that's the reason I added something in my hack attempt, just for play...) -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] 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] positioning problems (IE and Opera)
Elle Meredith wrote: ... the round corners in the main navigation -- one corner does not align. The site is at: http://designbyelle.com.au/poinciana/ #main-nav ul li a { /*screen.css (Line 68)*/ background: white url(../img/rounded-left.gif) no-repeat left bottom; ... I think the white will paint over the preceeding gif. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ css-discuss [EMAIL PROTECTED] 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] positioning problems (IE and Opera)
Elle Meredith wrote: ... In Opera 9 the main problem is that the logo is positioned too much to the left. Also my stage on the gallery page is again positioned to the left instead of right The site is at: http://designbyelle.com.au/poinciana/ It is absolutely positioned, but it looks like as if Opera requires the relatively positioned container, #branding a {} , to be at block level. Add display:block. -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ css-discuss [EMAIL PROTECTED] 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] Trying to control floats on page
I'm having trouble getting elements on my page to display correctly. http://www.ukcrugby.co.uk/test/index.html The navigation bar is floated to the left, as is the sponsor column underneath it. I have added a clear:left to the sponsor ID as without it it positioned itself to the right of the navigation bar. When I tried to add an image and float it to the right of the page, initially it appeared to the right halfway down the page. After trying to work out the solution myself I added overflow:auto to the main ID, this has now moved the images to their correct position on the page, but created a large empty column in the middle of the page The navigation bar and the sponsor column are controlled via an external style sheet, whereas the images in the main section are controlled from within an internal style sheet. Any assistance on how to get my page looking as it should would be most welcome. Many thanks Reg Reading __ css-discuss [EMAIL PROTECTED] 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] Trying to control floats on page
Hi Reg, in this style: #main { margin-left:220px; margin-right:10px; overflow:auto; } you have a margin-left:220px; change it to margin-left:10px; like so: #main { margin-left:10px; margin-right:10px; overflow:auto; } And your problem should be fixed. Thank You, Parag Jagdale Un-identified LLC www.un-identified.com On Thu, Aug 28, 2008 at 3:45 PM, Reg Reading [EMAIL PROTECTED]wrote: I'm having trouble getting elements on my page to display correctly. http://www.ukcrugby.co.uk/test/index.html After trying to work out the solution myself I added overflow:auto to the main ID, this has now moved the images to their correct position on the page, but created a large empty column in the middle of the page __ css-discuss [EMAIL PROTECTED] 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] I must be fundementally misunderstanding something.
I have an application (dynamic web page) that styles perfectly with a whole range of css linked in via an external web sheet with a link tag in the header. I am wanting to add a calendar picker which I have written to this web page - so as stage one I added the link to the css file for this picker in the page header. This file consists (almost) of css declarations of the form div.picker something )for example as below div.picker * { margin: 0; padding: 0; } [the parts that do not have a div.picker in them refer to specific classes related to the calendar other than the picker] YET. When I place a link to this file ahead of the main style sheet, the page stops being styled completely - its almost as if the second style sheet is ignored. If I move the link to this stylesheet until after the main one the page display works fine. I am aware of the rules regarding which style sheet wins out normally - but using firebug in firefox to examine the styles supposidely applying to any given element - is as though the main stylesheet just does not exist. I have generated static versions of two versions of the page [may have missed with the menu - but ignore that ]with the CSS style sheets swapped over at http://test.melindasbackups.com/test/admin.html http://test.melindasbackups.com/test/admin2.html Can someone tell me why the first one doesn't display properly -- Alan Chandler http://www.chandlerfamily.org.uk __ css-discuss [EMAIL PROTECTED] 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] I must be fundementally misunderstanding something.
Alan Chandler wrote: ... YET. When I place a link to this file ahead of the main style sheet, the page stops being styled completely - its almost as if the second style sheet is ignored. If I move the link to this stylesheet until after the main one the page display works fine. I am aware of the rules regarding which style sheet wins out normally - but using firebug in firefox to examine the styles supposidely applying to any given element - is as though the main stylesheet just does not exist. ... http://test.melindasbackups.com/test/admin.html http://test.melindasbackups.com/test/admin2.html Can someone tell me why the first one doesn't display properly In the first one, you have two external style sheets linked: link rel=stylesheet type=text/css href=/static/scripts/calendar/calendar.css title=calendar/ link rel=stylesheet type=text/css href=ball.css title=mbstyle/ both have a title-attribute set, so the links refer to a /preferred/ stylesheet. You are declaring two stylesheets as preferred (so the first one wins ?) The user has to switch from one to another, from 'calendar' to 'mbstyle' (in Firefox view menu), to have the page styled with the main rules. http://www.w3.org/TR/html401/present/styles.html#style-external Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ css-discuss [EMAIL PROTECTED] 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] I must be fundementally misunderstanding something.
Ingo Chao wrote: You are declaring two stylesheets as preferred (so the first one wins ?) The first one indeed wins by HTML specifications. The specs are somewhat obscure, but the idea is that at most one style sheet can be preferred, and you make a style sheet preferred by using rel=stylesheet and a title=... attribute (with any value), and if you have several such link elements, all but the first one are ignored. This is insane if you ask me, and even if you don't, but the practical conclusion is that you should normally not use title=... attribute in link elements for stylesheets, _unless_ you want to use alternate style sheets (with rel=alternate stylesheet). When you remove those attributes, all the link elements with rel=stylesheet will be used. (This has nothing to do with the cascade, except that it affects the issue which stylesheets will participate in the cascade at all.) Yucca __ css-discuss [EMAIL PROTECTED] 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] I must be fundementally misunderstanding something.
On Thursday 28 Aug 2008, Ingo Chao wrote: Alan Chandler wrote: ... YET. When I place a link to this file ahead of the main style sheet, the page stops being styled completely - its almost as if the second style sheet is ignored. If I move the link to this stylesheet until after the main one the page display works fine. I am aware of the rules regarding which style sheet wins out normally - but using firebug in firefox to examine the styles supposidely applying to any given element - is as though the main stylesheet just does not exist. ... http://test.melindasbackups.com/test/admin.html http://test.melindasbackups.com/test/admin2.html Can someone tell me why the first one doesn't display properly In the first one, you have two external style sheets linked: link rel=stylesheet type=text/css href=/static/scripts/calendar/calendar.css title=calendar/ link rel=stylesheet type=text/css href=ball.css title=mbstyle/ both have a title-attribute set, so the links refer to a /preferred/ stylesheet. Thank you. That is certainly something fundemental that I didn't understand. -- Alan Chandler http://www.chandlerfamily.org.uk __ css-discuss [EMAIL PROTECTED] 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] [IE6] position:relative makes text overflow browser window
This is a very simple but maddening bug -- so simple that I can't understand why I can't find any reference to it anywhere. I have a very simple document with one div inside body. The div has position:relative and top:125px. IE6 apparently deals with this by sliding the whole div down 125 pixels but keeping the height of body constant. If all the text fits inside the browser window, there is no problem, but when I have a lot of text inside the div, the bottom 125 pixels actually extend below body, and cannot be reached by the scrollbar! I can't find anything to make the browser window fully enclose the div. I can add 125px of padding to the bottom, but that breaks on those occasions when the div actually fits inside the browser window. Plus it messes up my rounded corners (not included in the test case). Test case is at http://pigweb.net/test.html. Thanks for any suggestions. Best, Erik __ css-discuss [EMAIL PROTECTED] 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] position:relative makes text overflow browser window
Erik Rieselbach wrote: ... the bottom 125 pixels actually extend below body, and cannot be reached by the scrollbar! Relative offset makes #wrapper extend below body in all browsers, but of course only out of reach in IE6. Something similar happened in other browsers too a few years ago, IIRC. I can't find anything to make the browser window fully enclose the div. I can add 125px of padding to the bottom, but that breaks on those occasions when the div actually fits inside the browser window. http://pigweb.net/test.html Adding a 125px padding to the bottom of html doesn't seem to have any negative effects - in any browser, regardless of amount of content. Your test-page triggers quirks mode in IE6 so body stretches to htmls height (or the other way round), but in standard mode IE6 will imitate real browsers and let the #wrapper extend below body and still be within reach. See... http://www.gunlaug.no/tos/alien/er/test_08_0829.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] 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] Any IE8 news - missing content
Bruno Fassino wrote: Alan Gresley wrote: I do note a strange rendering bug where pages do not download properly. Sometimes positioned elements are in strange positions and a refresh is needed to fix their placement up. Also text (links) seems to be missing here and there and then appears when scrolling. The weird bugs that are not reproducible. Yes, I have same experience. Many CSS bugs are gone! Then there is this problem where parts of a page are sometimes not displayed, especially in presence of images, but also with text. With multiple refreshes the missing parts usually appear. But refreshing again other (or the same) parts may disappear again. Best regards, Bruno [...] This bug didn't happen in IE8b1. I do no know why it is happening but I see it here. http://css-class.com/test/css/visformatting/floats-with-inline-elements2.htm On arriving at this page and scrolling to the bottom, I see this. http://css-class.com/test/images/ie8b2-missing-content1.png Refreshing the page causes more content to disappear. http://css-class.com/test/images/ie8b2-missing-content2.png Selecting a link, causes strange reflow with line breaks. http://css-class.com/test/images/ie8b2-missing-content3.png Only browsing back to this page shows the full content. http://css-class.com/test/images/ie8b2-missing-content4.png Could it be that the lower in the source and element is, the lest likely that IE8 will fully render content correctly? -- Alan http://css-class.com/ Nearly all men can stand adversity, but if you want to test a man's character, give him power - Abraham Lincoln Save the Internet - http://www.savetheinternet.com/ __ css-discuss [EMAIL PROTECTED] 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] Any IE8 news - missing colors
Alan Gresley wrote: Could it be that the lower in the source and element is, the lest likely that IE8 will fully render content correctly? I guess I wrong, not quite that simple. Another page. http://css-class.com/test/bugs/ie/ie-hacks.htm The first visit shows some colors missing. http://css-class.com/test/images/ie8b2-missing-color1.png Refreshing the page causes the colors to appear. http://css-class.com/test/images/ie8b2-missing-color1.png I can see the bug reports being demonstrated by screenshots alone, forget any reliable reproducible test case. :-) -- Alan http://css-class.com/ Nearly all men can stand adversity, but if you want to test a man's character, give him power - Abraham Lincoln Save the Internet - http://www.savetheinternet.com/ __ css-discuss [EMAIL PROTECTED] 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] IE8b2 missing content bug with list item
Hello all All this missing content that I have noticed all happens when content are in at least unordered list. Another page. http://css-class.com/test/demos/popup-gallery1.htm The second gallery will not render all the images. Refreshing over and over shows images there and then not there. I have seen missing content here. http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/LinksWithDisplayBlock2.html Refreshing this page or browsing back to this page shows all list items. Can anyone confirm that this is a bug with markup containing list items? -- Alan http://css-class.com/ Nearly all men can stand adversity, but if you want to test a man's character, give him power - Abraham Lincoln Save the Internet - http://www.savetheinternet.com/ __ css-discuss [EMAIL PROTECTED] 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] Any IE8 news - missing content in links
Alan Gresley wrote: Alan Gresley wrote: Could it be that the lower in the source and element is, the lest likely that IE8 will fully render content correctly? I guess I wrong, not quite that simple. [...] Here another screenshot. http://css-class.com/test/images/ie8b2-missing-content5.png Notice how part of the menu is missing and the link *bug* only shows the letter *b* which is centered. Hovering the menu reveals all the content. This can be seen by going to this page http://css-class.com/test/ and then selecting the CSS link. Going back to this page over and over (on my Laptop) alway shows the same missing content as in the screenshot. -- Alan http://css-class.com/ Nearly all men can stand adversity, but if you want to test a man's character, give him power - Abraham Lincoln Save the Internet - http://www.savetheinternet.com/ __ css-discuss [EMAIL PROTECTED] 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] positioning problems (IE and Opera)
Thank you Dmitry Demeshkin and Ingo Chao. So, here's the problems and solutions again: In IE 6 and 7: #main-image not positioned right Solution: #additional-content {position:relative; width:450px; } #home #main-image {position: absolute; top:0; left:0;} divs pushed down Solution: declared .prepend-1, .prepend-2, .prepend-3 {padding-left: 0;} in my ie.css one of the texts pushed down in the gallery Solution: removed class=span-2 In Opera (and Safari): Logo is not position correctly Solution: #branding a {display: block;} Gallery's stage positioned too much to the left instead of right: Solution: I couldn't use display: block; which was the solution for the first problem, so instead I declared div.inner {width: 100%;} and to avoid width and paddings in the same rule, I redefined the padding on the child elements Last Problem: Navigation rounded corners. Solution: added color to the background rule. So in my case it was: background: white url(../img/rounded-left.gif) no-repeat left bottom; But I still have 2 last problems in IE -- if anyone has a minute to have a minute to have a look: The logo is appearing behind the main image on the home page -- even though it has higher z-index and on the gallery page, the stage images line up good when the page loads -- but if you leave the page on for a little while, the top background image appears and continues below the stage. The site is at: http://designbyelle.com.au/poinciana/ Thanks once again, Elle __ css-discuss [EMAIL PROTECTED] 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/