Re: [css-d] Star Rating System
Thanks Lori, i'll check and when i have the solution i'll show On 6/6/07, Lori Lay [EMAIL PROTECTED] wrote: Diego Muñiz wrote: It works if i do that, but it doesn't validate in xhtml 1.0 On 6/4/07, Lori Lay [EMAIL PROTECTED] wrote: Diego Muñiz wrote: I' ve done this star rating system: http://www.punisha.com/test/estrellas/ I have uploaded the new verion. It works in FF, IE and Opera, but in internet explorer i'm not able to show it inline. Try using a span instead of a division. A span is an inline element, so you can probably get the results you need without resorting to altering the display attribute. Lori So much for the easy solution. It looks like Bruno has done some work with this. Have a look at http://www.brunildo.org/test/inline-block.html to see how he solved it. It looks like you just need to feed IE 6 an inline display value, but I didn't study his solution too closely. Lori __ 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 class
On 05/06/07, Michael Stevens [EMAIL PROTECTED] wrote: border= in HTML should equal border: in CSS. I understand they are different but to make them inconsistent would be one reason why people have a hard time with the CSS or die theory of late. There would have been two problems with taking that route when the border property was added to CSS. The first is that it would have been inconsistent with the rest of CSS, which would have been a barrier to everyone learning the language (not just those migrating from pre-98 techniques). I'd far rather have a language be internally consistent then consistent with something now obsolete. The second is that it would have been far less flexible. The CSS way allows different cells to have different border styles. Still, the decision was made almost a decade ago. I happen to think it was the right one, but it is far too late for it to change if you disagree. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.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] Stu Nicholls image tracking
Hello guys. I've been messing around with Stu Nicholls image tracking method: http://www.cssplay.co.uk/menu/flow.html and I got it to work for me in the reverse (float: right) of what he does in his example: http://raymondrodriguez.net/clients/anita/panel8.html Very cool but then I tried to do it normally (float: left) and it's all screwed up on everything except Safari: http://raymondrodriguez.net/clients/anita/panel9.html Anybody know why? Here's what the CSS looks like: #copy_panel9 { width:533px; height:673px; position:relative; font: 14px Helvetica, Arial, Verdana, sans-serif; color:#000; text-align:left; margin:0 auto; } #copy_panel9 p { line-height:17px; padding:20px 0 0 60px; position:relative; z-index:10; } #copy_panel9 img {position:absolute; z-index:1;} #copy_panel9 em {display:block; float:left; height:17px; overflow:hidden; clear:left;} .a10 {width:10px;} .a20 {width:20px;} etc... I hope you see something that I don't! Thanks, Raymond __ 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] Divs moving up the page
Hi all, I have been checking my index page with the various browser/OS combos but I get a problem with the majority (except for IE). The divs called #gw_tabView1 and .gw_aTab seem to move unexpectedly. The page can be seen here: http://216.219.94.105/index1.cfm Why is this happening? Thank you Internet Explorer Good: Explorer 7.0 (no Flash) Windows XP Explorer 6.0 (no Flash) Windows XP Explorer 7.0 (no Flash) Windows Vista Explorer 6.0 (no Flash) Windows 2000 Professional Messes up: Explorer 4.0 (no Flash) Windows 98 Looses style on the text in the div gw_atab: Explorer 5.5 (no Flash) Windows 2000 Professional Explorer 5.0 (no Flash) Windows 2000 Professional Mozilla: Divs to the right Mozilla 1.7.12 (no Flash)Linux Fedora Core 4 Mozilla 1.6 (No Flash) Windows 2000 Professional Mozilla 1.7.12 (No Flash)Windows 2000 Professional Mozilla 1.6 (No Flash) Windows XP Mozilla 1.7.12 (No Flash)Windows XP Firefox: Divs to the right Firefox 1.5.0 (no Flash) Linux Fedora Core 4 Firefox 2.0 (no Flash) Linux Fedora Core 4 Firefox 1.5.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows Vista Firefox 1.5.0 (No Flash) Windows XP Firefox 2.0 (No Flash) Windows XP Konqueror: Konqueror 3.4.0-5 Linux Fedora Core 4 Divs go to the right Opera: Opera 9.0 (no Flash) Linux Fedora Core 4 OK Opera 8.5.0 (No Flash) Windows 2000 ProfessionalDivs go upwards Opera 9.0 (No Flash) Windows 2000 ProfessionalOK Opera 9.02 (No Flash) Windows Vista OK Opera 8.5.0 (No Flash) Windows XP Divs go upwards Opera 9.0 (No Flash) Windows XP OK Netscape: Netscape 4.78 (no Flash) Windows 2000 Professional Lists don´t work Netscape 6.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 7.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 6.2.3 (No Flash) Windows XPDivs go to the right Netscape 7.2 (no Flash)Windows XPDivs go to top right - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. __ 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] Right column misplaced in IE6
Erik Olivier Lancelot wrote: Hello, This page validates and looks right in FF, O and NN but not in IE6: http://www.jester-records.com/index-div.php. Can anyone see why this is happening and what I can do to fix it? Thanks a lot! HI Erik. Here's how I would fix it: #innhold { background: white; float: left; width: 730px; margin-right: -729px; /*added with 1 px short of width for IE6*/ clear: left; /*added*/ } #kolonne { background: white; float: right; width: 220px; clear: right; /*added*/ } I have a couple suggestions too: 1. Widths: you only need to specify widths on the containers. Nothing inside needs a width since it will automatically fill the container. I'd take all the widths out except for the ones on the containers since they will only cause trouble like the big horizontal scrollbar you currently have. 2. Borders: I see you have things like this in your source - div class=line3_i!-- --/div div id=h_news!-- --/div div class=line3_i!-- --/div div class=red_line_i!-- --/div div class=line3_i!-- --/div To make it easier to deal with, more semantic, and not to mention search engine friendlier why don't you do something like this: div id=h_newsimg src=path-to-news-image.gif alt=News/div hr / CSS: #h_news { border-top: solid 1px gray; border-bottom: solid 1px gray; background-color: black; } hr { height: 5px; background-color: red; color: red; /*for IE*/ border-bottom: solid 1px gray; } -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ 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] Divs moving up the page
Hi all, I have been checking my index page with the various browser/OS combos but I get a problem with the majority (except for IE). The divs called #gw_tabView1 and .gw_aTab seem to move unexpectedly. The page can be seen here: http://216.219.94.105/index1.cfm Why is this happening and how can I stop it? Thank you Internet Explorer Good: Explorer 7.0 (no Flash) Windows XP Explorer 6.0 (no Flash) Windows XP Explorer 7.0 (no Flash) Windows Vista Explorer 6.0 (no Flash) Windows 2000 Professional Messes up: Explorer 4.0 (no Flash) Windows 98 Looses style on the text in the div gw_atab: Explorer 5.5 (no Flash) Windows 2000 Professional Explorer 5.0 (no Flash) Windows 2000 Professional Mozilla: Divs to the right Mozilla 1.7.12 (no Flash) Linux Fedora Core 4 Mozilla 1.6 (No Flash) Windows 2000 Professional Mozilla 1.7.12 (No Flash) Windows 2000 Professional Mozilla 1.6 (No Flash) Windows XP Mozilla 1.7.12 (No Flash) Windows XP Firefox: Divs to the right Firefox 1.5.0 (no Flash) Linux Fedora Core 4 Firefox 2.0 (no Flash) Linux Fedora Core 4 Firefox 1.5.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows Vista Firefox 1.5.0 (No Flash) Windows XP Firefox 2.0 (No Flash) Windows XP Konqueror: Konqueror 3.4.0-5 Linux Fedora Core 4 Divs go to the right Opera: Opera 9.0 (no Flash) Linux Fedora Core 4 OK Opera 8.5.0 (No Flash) Windows 2000 Professional Divs go upwards Opera 9.0 (No Flash) Windows 2000 Professional OK Opera 9.02 (No Flash) Windows Vista OK Opera 8.5.0 (No Flash) Windows XP Divs go upwards Opera 9.0 (No Flash) Windows XP OK Netscape: Netscape 4.78 (no Flash) Windows 2000 Professional Lists don´t work Netscape 6.2 (no Flash) Windows 2000 Professional Divs go to top right Netscape 7.2 (no Flash) Windows 2000 Professional Divs go to top right Netscape 6.2.3 (No Flash) Windows XP Divs go to the right Netscape 7.2 (no Flash) Windows XP Divs go to top right - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. __ 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/ - Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search. - Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. __ 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] tabs menu missing in ie7
I have css tabs menu which looks good in ff2 and opera9, but doesn't show at all in ie7. Could anyone tell me why? link here http://rmz.pl/movs.html -- Dla małych i srednich http://link.interia.pl/f1a8c __ 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 (ISSUES)
You'll be wanting some closing li tags in there, too ;) __ 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] Help needed: Float Layout IE 5.5 6 Win
Hi all! I have a big problem concerning a float layout and I'm hoping to get a solution, because I do not have a Win PC for testing purposes... I tried everything I'm used to do to work around the common float bugs in IE 5.x 6 Win. Applied display: inline where needed and tried to avoid other hacks by using rather margins than paddings. Unfortunately the layout still gets busted in older IE versions. In any other browser I tried (Firefox Mac/Win, Safari, IE 7 Win) everything looks fine. Has anyone suggestions how to fix this? The site can be found here: http://rgb-digital.com/arbeiten Thank you very much in advance. Boris __ 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 Colour Different in IE6
Hi, This is probably a very basic question - have chosen to self teach web design by diving straight into CSS so am on a bit of a learning curve... I have a problem with background colour not showing as the correct colour in IE6. I've run it through a CSS checker, checked for conflicting colours I can see and generally searched your site and others. I've noticed some other display problems talked about with IE 6 and wondered if this might be a common one for which you can point me to a previous post or other site. The site I'm doing has a graphic on it with the same background as the site background should be and this displays fine. If my site URL is actually needed to solve this, I'll endure a little public humiliation on my first website going up, but am hoping that I've asked an old and well known question for which I'll be gently pointed towards existing documentation. Many thanks, Steph __ 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 Frames not working right in IE6 and 7
In IE6, the page won't scroll. In IE7, the footer is off to the right. Works great in FF. Here are the relevant pages: http://vacationsitka.com/frames-tmplte.shtml http://vacationsitka.com/Scripts/new-frames-global.css http://vacationsitka.com/Scripts/ie.css All the other pages reflect the existing website, which is not built for frames. The client wanted frames so I'm trying to convert the site. Thanks for any suggestions; I've been at this for days. Mim McConnell Web + Graphic Designer Photo Blog: http://mimsmissives.com/ Services + Portfolio: http://www.sheltercovepublishing.com Gallery: http://www.mimsgallery.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] Help needed: Float Layout IE 5.5 6 Win
Boris Höltje wrote: Hi all! I have a big problem concerning a float layout and I'm hoping to get a solution, because I do not have a Win PC for testing purposes... I tried everything I'm used to do to work around the common float bugs in IE 5.x 6 Win. Applied display: inline where needed and tried to avoid other hacks by using rather margins than paddings. Unfortunately the layout still gets busted in older IE versions. In any other browser I tried (Firefox Mac/Win, Safari, IE 7 Win) everything looks fine. Has anyone suggestions how to fix this? The site can be found here: http://rgb-digital.com/arbeiten Thank you very much in advance. Boris Are we talking about the same thing? I see a problem in IE6 and 5.5 on this page: http://rgb-digital.com/ The correction (/only tested on a local file/) is: Delete the xml declaration above the doctype so 6 and 5.5 are in IE's version of standards mode rather than in quirks. Add text-align: center; to the body declaration. And add text-align: left; to selector #root. Best, ~dL __ 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] Help needed: Float Layout IE 5.5 6 Win
On Tue, 5 Jun 2007 21:38:46 +0200, Boris Höltje wrote: Hi all! I have a big problem concerning a float layout and I'm hoping to get a solution, because I do not have a Win PC for testing purposes... I tried everything I'm used to do to work around the common float bugs in IE 5.x 6 Win. Applied display: inline where needed and tried to avoid other hacks by using rather margins than paddings. Unfortunately the layout still gets busted in older IE versions. In any other browser I tried (Firefox Mac/Win, Safari, IE 7 Win) everything looks fine. Has anyone suggestions how to fix this? The site can be found here: http://rgb-digital.com/arbeiten Hi Boris, Did you fix this? I am not seeing a problem in (standalone) versions of IE 5.5 or IE 6 here. Looks the same as in IE 7, Opera 9, and FF 2. (Win xp pro running at 120 DPI) The only difficulty I have is being unable to resize text. Cordially, David -- __ 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 Colour Different in IE6
On Wed, 6 Jun 2007 09:27:37 +1200, Steph wrote: Hi, This is probably a very basic question - have chosen to self teach web design by diving straight into CSS so am on a bit of a learning curve... Hi Steph, Welcome to css-discuss - we are all at various places on that same curve! I have a problem with background colour not showing as the correct colour in IE6. I've run it through a CSS checker, checked for conflicting colours I can see and generally searched your site and others. I've noticed some other display problems talked about with IE 6 and wondered if this might be a common one for which you can point me to a previous post or other site. [...] I've not seen this particular problem come up before. So giving us a look at your page will definitely help us find an answer. Cordially, David -- __ 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] Help needed: Float Layout IE 5.5 6 Win
David! The problem I was talking about is on the subdirectory http://rgb- digital.com/arbeiten There I already removed the xml-declaration and did the text- alignment on body and #root for auto-centering. On browsershots.org the result looks not as expected on IE5.5 and 6. Many thanks again. Bless, Boris Am 06.06.2007 um 17:27 schrieb David Laakso: Boris Höltje wrote: Hi all! I have a big problem concerning a float layout and I'm hoping to get a solution, because I do not have a Win PC for testing purposes... I tried everything I'm used to do to work around the common float bugs in IE 5.x 6 Win. Applied display: inline where needed and tried to avoid other hacks by using rather margins than paddings. Unfortunately the layout still gets busted in older IE versions. In any other browser I tried (Firefox Mac/Win, Safari, IE 7 Win) everything looks fine. Has anyone suggestions how to fix this? The site can be found here: http://rgb-digital.com/arbeiten Thank you very much in advance. Boris Are we talking about the same thing? I see a problem in IE6 and 5.5 on this page: http://rgb-digital.com/ The correction (/only tested on a local file/) is: Delete the xml declaration above the doctype so 6 and 5.5 are in IE's version of standards mode rather than in quirks. Add text-align: center; to the body declaration. And add text-align: left; to selector #root. Best, ~dL __ 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] li stairstepping in IE6 Win
On Tue, 5 Jun 2007 16:48:22 -0500, Raymond Rodriguez wrote: Hi guys, I've got this very unusual issue going on with an unordered list that I've just made. This is the first time I've made a navigation list with single image buttons (three states) and it works fine except for in Explorer 6. I thought it might've had something to do with the display: block but I've tried inline and that didn't fix it. Any ideas? Here's the link: http://raymondrodriguez.net/clients/anita/panel1.html [code snipped] Your guess is partly correct. Changing the links from display: block; to display: inline; fixes the margin doubling. To get them to line up horizontally, float the LIs as well. #headerBox li {float: left;} should do the trick. Cordially, David -- __ 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] Help needed: Float Layout IE 5.5 6 Win
Boris Höltje wrote: Hi all! I have a big problem concerning a float layout and I'm hoping to get a solution, because I do not have a Win PC for testing purposes... I tried everything I'm used to do to work around the common float bugs in IE 5.x 6 Win. Applied display: inline where needed and tried to avoid other hacks by using rather margins than paddings. Unfortunately the layout still gets busted in older IE versions. In any other browser I tried (Firefox Mac/Win, Safari, IE 7 Win) everything looks fine. Has anyone suggestions how to fix this? The site can be found here: http://rgb-digital.com/arbeiten Thank you very much in advance. Boris Boris, Some of the others on the list weren't quite sure what the problem was, so I'll start by saying that I think the issue is that the line following kontakt with 05-2007 on it drops down in IE 6. I fixed this by bumping up the width on your header division and removing the right margin. It appears that making it 610px wide will fix the problem and that seems to be as small as it can be and still have the line level with the rest of the menu. Perhaps you can track down where these extra 10px are coming from. If not, maybe you can feed the extra width to the older versions of IE only. It doesn't break the rest of the layout. I also had to remove the right margin to keep the header in line with the logo. Lori __ 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 pushing down images
i have a slideshow and ie6 is pushing it way down. does anyone know if this is this css or javascript problem? www.bioneutrix.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] Hover Problems
Hi All I am using Tanfa's CSS drop-down menu which works fine. Now I also want to use a hover-over picture. Unfortunately IE now displays the submenu behind the hover-over pic. See a sample here: http://www.artworksbyrene.com/test.html Anybody an idea to solve this problem? Thanks a mill! Dee Choose the right car based on your needs. Check out Yahoo! Autos new Car Finder tool. http://autos.yahoo.com/carfinder/ __ 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] Right column misplaced in IE6
Thanks a lot, Audra, it worked! Thanks also for the tips about the widths and borders, I really appreciate it :) Cheers, Erik __ 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 Colour Different in IE6
Steph wrote: Hi, This is probably a very basic question - have chosen to self teach web design by diving straight into CSS so am on a bit of a learning curve... I have a problem with background colour not showing as the correct colour in IE6. Are you by any chance using a .png as a repeating background? If so that is the problem. IE6 does not render colors of .png's correctly. AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ 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] Divs moving up the page
http://216.219.94.105/index1.cfm Basically, IE/win (all versions) is saving your layout - see: the 'hasLayout' bug. Other browsers need proper styling, since they don't have that particular bug. To get the basics working across browser-land, add... .gw_aTab {clear: left; } #footer_home {clear: both; } Note: your layout is a bit weak, and can't take much, if any, font-resizing in any browser. See also: IE/win's 'ignore font sizes' option on this point. Test in browsers and you'll see how easily it breaks. Normally I would suggest a complete rewriting of such a weak layout - using a different approach, but I don't have time to create demos/ examples these days. regards Georg __ 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] Help needed: Float Layout IE 5.5 6 Win
Thank you Lori. This was exactly what I was hoping to fix. Unfortunately there seems to be no quick solution I guess. Would be easier to track the problem down, if I had that IE THING on Windoze here Hmm. What next? I couldn't find anything that could have caused the extra 10px width in the #header. But I added a width to the #nav division inside the header which I did not before. Could that have done it? Many thanks again. Boris Am 06.06.2007 um 18:19 schrieb Lori Lay: Boris, Some of the others on the list weren't quite sure what the problem was, so I'll start by saying that I think the issue is that the line following kontakt with 05-2007 on it drops down in IE 6. I fixed this by bumping up the width on your header division and removing the right margin. It appears that making it 610px wide will fix the problem and that seems to be as small as it can be and still have the line level with the rest of the menu. Perhaps you can track down where these extra 10px are coming from. If not, maybe you can feed the extra width to the older versions of IE only. It doesn't break the rest of the layout. I also had to remove the right margin to keep the header in line with the logo. Lori __ 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] firefox2 and h1
I just redesigned http://www.ccpoma.org and it looks the way I want and have also validated both the css and the xhtml. I just checked it in my updated firefox browser and I have a PROBLEM! I have no idea how to solve it. The div id=header contains a h1 tag and nothing else. I have styled the h1, but only the margins and also the div header. The font-size of 25px displays correctly in IE6 but is huge in firefox and I have no idea why. Also as I am still running w2000 could someone please check the site with IE7 and see if it is behaving. Thanks, Maya J Building a website is a piece of cake. Yahoo! Small Business gives you all the tools to get online. http://smallbusiness.yahoo.com/webhosting __ 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] firefox2 and h1
jaklitsch maya wrote: I just redesigned http://www.ccpoma.org and it looks the way I want and have also validated both the css and the xhtml. I just checked it in my updated firefox browser and I have a PROBLEM! I have no idea how to solve it. The div id=header contains a h1 tag and nothing else. I have styled the h1, but only the margins and also the div header. You need to put the font size on #header h1 instead of just on the #header. Once you do that you'll probably want to adjust it. I suggest not using px since IE users won't be able to resize it. AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ 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] Vertical Navigation Problem
Hi Everyone- I thought I had finished this project but I ran across another issue on my vertical navigation flyout in IE6. The page is http://dev.www.ism.ws/index.cfm http://dev.www.ism.ws/files/style/ISMscreen.css The problem is when you navigate to another page from the vertical navigation like the About ISM section, the flyout does not appear on the section that is On. The navigation is created dynamically and the flyout navigation items are present in the view source but I cannot get them to appear when you hover over the section that is On. Here is a section that is On http://dev.www.ism.ws/about/?navItemNumber=4884 Any help on this would be greatly appreciated. Thanks, Taryn Regish __ 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] Weak layout
I just got a comment from one of the list members that I don`t understand about my webpage saying, and I quote: your layout is a bit weak, and can't take much, if any, font-resizing in any browser. Test in browsers and you'll see how easily it breaks. He suggests a complete rewriting of this weak layout but I don`t know what that would be. What does he mean by it breaks in a browser? How can I rewrite it? Thank you! http://216.219.94.105/index1.cfm - Get your own web address. Have a HUGE year through Yahoo! Small Business. __ 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] Weak layout
On 6/6/07, trevor bayliss [EMAIL PROTECTED] wrote: I just got a comment from one of the list members that I don`t understand about my webpage saying, and I quote: your layout is a bit weak, and can't take much, if any, font-resizing in any browser. Test in browsers and you'll see how easily it breaks. He suggests a complete rewriting of this weak layout but I don`t know what that would be. What does he mean by it breaks in a browser? How can I rewrite it? Thank you! http://216.219.94.105/index1.cfm Do you use a browser that lets the user resize the text size ? I use Firefox 2 and have a mouse with a scroll-wheel. Hence, when I hold Ctrl down and scroll the wheel, I can quickly change the font size up or down as needed. In your page, if I enlarge the font size by +3, the menu at the top starts to get out of sync. For instance, the 'About Medarc' link gets split over two lines ('About/Medarc'). The links over the simulated tabs ('Medarc limited', 'National' and 'International') start to be taller than the folder tabs behind them. These are just examples of what is commonly known as a 'weak', or 'non-bulletproof' design. Resizing the browser window (or using a screen with a different resolution) might help uncover other such problems. Even without resizing the fint size, I noticed that the 'Our Clients Include' copy seems mis-aligned ('our' appears on one line, to the right of the navbar, the rest on the next line, to the right of the images.. 'our' and 'clients' don't start in the same place). I'm not using the term 'bulletproof' randomly. I've taken it from Dan Cederholm's book, which I think is a great reference and resource to learn more on the topic: http://www.simplebits.com/publications/bulletproof/ You asked how you can re-write the page. The problems I mentioned above have to do with font size; so, for instance, you can check the web for that topic (I noticed you set the font-size to a fixed measure, 11px, on your body tag... that tends to become problematic; I recommend using font-size: small on the body and then using percentages when you need larger/smaller sizes in the document). There's plenty of online and offline resources on CSS-driven (re)designs. This mailing list is a good resource, but not the only one (Meyer's books, A Liat Apart are but two examples). HTH, F.O.R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help needed: Float Layout IE 5.5 6 Win
Boris Höltje wrote: Thank you Lori. This was exactly what I was hoping to fix. Unfortunately there seems to be no quick solution I guess. Would be easier to track the problem down, if I had that IE THING on Windoze here Hmm. What next? I couldn't find anything that could have caused the extra 10px width in the #header. But I added a width to the #nav division inside the header which I did not before. Could that have done it? Many thanks again. Boris I tried removing the width from the nav division and it didn't make any difference. However, I found that changing the display of the list elements (li) to inline corrected the problem and it seems to work cross-browser. Also this doesn't require any adjustments to the header width or right margin. So here's the change: li { display: inline;/* change from block to inline */ float: left; margin-right: 10px; } So I guess you ran into IE's margin doubling bug and that's usually fixed with a change to inline display. Viele Grüße Lori Am 06.06.2007 um 18:19 schrieb Lori Lay: ...snipped... __ 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] IE7 Forms
Hello, The following works quite well in: FF2, IE6 and Opera pc. It fails in IE7, as select field heights become unusable? any ideas how to target IE7 only, and is this a bug? http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php Passed css but failed HTMl validator. May never be able to pass as some problems relate to external links David G) __ 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] Positioned Corners in IE6
Glen Lipka wrote: Sample: http://cpns.commadot.com/ In IE6, the corners at the bottom are being placed too low. When I use the IE Dev toolbar and change anything about them, they snap back into place. I hate errors like that. Any ideas? Thanks, Glen Actually the corners are off a bit in FF too. Also, your layout is font resizing intolerant. Even bumping up the font size once breaks the layout. I don't know if this is something you can use at this point, but francky has an amazing rounded corners design that works in all browsers and is extremely flexible: http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm If you are using a fixed width, which I think you are, you don't need the four divisions that francky has allowed for. Lori __ 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] Width ignored in IE6 | Sub-menus disappear | Cross compatibility
Renae Willis wrote: http://www.lccoachingbeta.com/web/LCC/countryprofiles1.html Additionally, the css drop down menu (alternate content for the flash menu) no longer has it's sub-menus once I place it in the page. The isolated, functional (in IE7 Firefox 2) menu can be found here: http://www.lccoachingbeta.com/web/LCC/menufinal.html Also, are there better ways to test for cross compatibility? Your pages don't load. I get a 404. Try http://browsershots.org/ for cross-browser testing. There's also http://www.browsrcamp.com/ for testing on Mac browsers. There's also a paid service that gets you your screen shots a little quicker, but I'm afraid I don't have the URL handy. Try searching the archives from April or May and I think you'll find some references. Lori __ 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] Keeping a div positioned in Viewport
Sam Carter wrote: I have an application with vertical scrolling. I'd like to keep a div positioned in the viewport. Before I resort to beating it up with JavaScript, is there a CSS technique, maybe with minor JavaScript, which works well across browsers? Sam It sounds like you're after fixed positioning but it's not supported in IE 6. Georg aka Gunlaug aka Ron Zisman has, in addition to his identity crisis*, some interesting work-arounds to this issue: http://www.gunlaug.no/contents/wd_additions_15.html Lori * Forgive me, but I have been dying to say that for the last few days. Seems Georg is re-working his website and I guess he's deciding on a new moniker as well :-) __ 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 Colour Different in IE6
On 6/7/07, Audra Coldiron [EMAIL PROTECTED] wrote: Steph wrote: Hi, This is probably a very basic question - have chosen to self teach web design by diving straight into CSS so am on a bit of a learning curve... I have a problem with background colour not showing as the correct colour in IE6. Are you by any chance using a .png as a repeating background? If so that is the problem. IE6 does not render colors of .png's correctly. ...or jpgs :-( -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz Lost yet? http://www.lost.eu/3d33f __ 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 Colour Different in IE6
Hi Audra Richard, Many thanks for ideas below. There is a background non-repeating file which is a gif. There's also a graphic which is a gif. the graphic colour works as created in another application, but everything else on the page is not ok. I should have added that these do work in Mac IE 5.5 and Safari, but have not tried other browsers yet. The URL is www.GondwanaPlantEss.co.nz Hmn... this is the first website I've done, so you'll see a lot of extraneous stuff which needs to be cleaned out - millions of styles before I understood the implications of these and also various other things to be moved to the CSS style sheet. Should also add that this document is based on a template which is exactly as this file with no additional editable regions. Many thanks for your kind support. Steph Atkinson On 7/06/2007, at 2:57 PM, Richard Grevers wrote: On 6/7/07, Audra Coldiron [EMAIL PROTECTED] wrote: Steph wrote: Hi, This is probably a very basic question - have chosen to self teach web design by diving straight into CSS so am on a bit of a learning curve... I have a problem with background colour not showing as the correct colour in IE6. Are you by any chance using a .png as a repeating background? If so that is the problem. IE6 does not render colors of .png's correctly. ...or jpgs :-( -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz Lost yet? http://www.lost.eu/3d33f __ 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 Colour Different in IE6
Hi all, Having just noticed that in replying to all I've just posted this to the entire list Here's the password stuff I left off: Site: www.GondwanaPlantEss.co.nz User: gondwana Password: gondesswana This site is not yet public and in very early days. Many thanks for your kind support. Steph NZ On 7/06/2007, at 2:57 PM, Richard Grevers wrote: On 6/7/07, Audra Coldiron [EMAIL PROTECTED] wrote: Steph wrote: Hi, This is probably a very basic question - have chosen to self teach web design by diving straight into CSS so am on a bit of a learning curve... I have a problem with background colour not showing as the correct colour in IE6. Are you by any chance using a .png as a repeating background? If so that is the problem. IE6 does not render colors of .png's correctly. ...or jpgs :-( -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz Lost yet? http://www.lost.eu/3d33f __ 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] Min-height, height, and viewport size
html {height:100%} body {height: 100%} #whole {height: 100%} /* This is the id of a div that contains the border */ However, it simply does not work as described. At least not in FireFox where I primarily need it to work. The red border of the #whole container will expand to the length of the content inside. But if the content is not as long as the viewport, the red border shrinks so that it is no longer touching the bottomof the viewport. Where did I go wrong? Thank you for any advice. It should be... #whole { min-height: 100%; } then for IE6... #whole { height: 100%; } You described it correctly at first so did you mis-type perhaps? AC -- Audra Coldiron Rock-n-Roll Design Hosting http://rock-n-roll-design.com KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. Pre-made designs, designer tools, and reseller program available! __ 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] Weak layout
trevor bayliss wrote: I just got a comment from one of the list members that I don`t understand about my webpage saying, and I quote: your layout is a bit weak, and can't take much, if any, font-resizing in any browser. Test in browsers and you'll see how easily it breaks. He suggests a complete rewriting of this weak layout but I don`t know what that would be. What does he mean by it breaks in a browser? How can I rewrite it? Thank you! http://216.219.94.105/index1.cfm A good structural test for a layout is that it should hold without breaking, overlapping, or float dropping at +2 font-zoom in the Gecko browsers. And at text-size largest in with ignore font sizes checked in accessibility mode [1]in IE5 through 7. Some designers also check their layout for breaking by setting the minimum font size at least 24px. With regard to re-writing, you are running 5 columns and may need even more width than you currently show-- granted you'll draw an even wider scrollbar at 800. Allowing the software to layout the page without restriction (particularly avoiding setting height) helps. This is a simple and somewhat similar (nothing to write home about) example: http://www.chelseacreekstudio.com/ca/cssd/stuff.html It has been quick tested in IE5 through 7; and in compliant browsers. [1]To put IE in accessibility mode: toolsinternet optionsaccessibilitytcheck bo about ignore font sizestext-sizelargest. Best, ~dL PS I learned most of what I know from Georg Sortun-- the gentle man who wrote: your layout is a bit weak, and can't take much, if any, font-resizing in any browser. Test in browsers and you'll see how easily it breaks. -- 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] Weak layout
At 6/6/2007 09:57 PM, David Laakso wrote: A good structural test for a layout is that it should hold without breaking, overlapping, or float dropping at +2 font-zoom in the Gecko browsers. I've never understood the sense of that criterion, e.g. the page should survive two [or three] font size enlargements. Doesn't that depend entirely on what size the smallest font on the page is? If my vision were so weak that I needed to enlarge text to 1/2-inch type on the screen, it wouldn't matter whether that required one click or ten, I'd still need it to become that large. It's not the number of enlargements that's relevant, it's the size of the resulting type. Let me know if I'm missing something there. What I don't know is if there's any kind of a minimum font size that we should ensure our readers can achieve. I doubt that there is one, given the variation in vision impairments, but I'll be curious to know what others think. I apologize if this is considered to be off-topic; it's an accessibility point, but in my mind very pertinent to styling. Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.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/