Re: [css-d] Page border up in the air
Kim Brooks Wei wrote: My page border works on three sides but on the bottom it doesn't work. The border is there, but it's not flush with the page bottom. This did work until I broke it, but I can't recreate the working version. If anyone cares to give a look and see what will fix this, I'll appreciate the help. http://www.njlada.com/c/directors.php On the home page the border is placed correctly. Same css file is being used. http://www.njlada.com Best, Kimi Hi Kimi, The difference is the ending /div of the #content. In the directors page it is placed after the #botnav, in the home page it is before. Another difference is the div class=container center and the ending /div of it (just before the /div of the #content), which is not in the directors page. One more suggestion. I notice that in IE the pages are jumping up and down, if the links in the #content are hovered (and/or after a refresh). This is due to an IE-bug, I gues a kind of Peekaboo. - Articles about resolving IE-bugs: * http://www.communitymx.com/content/article.cfm?cid=C37E0 * http://www.positioniseverything.net/ie-primer.html * http://www.positioniseverything.net/explorer.html In this case, it can be resolved by giving a clear: both to the footer, and resetting the padding-top of the footer to zero. Then there is always some distance between the left side logo and the bottom colors of the page. See testpage http://home.tiscali.nl/developerscorner/css-discuss/test-lada.htm. Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Web directory technology..
Hi, there are lots of directory on the net. How they have such lots of informations? actually useful websites to find that what you get. some of them are http://www.click2info.net http://www.open-sites.net http://www.directoryofmusic.net bye. - Talk is cheap. Use Yahoo! Messenger to make PC-to-Phone calls. Great rates starting at 1¢/min. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Framing my menu (for horizontal scrolling photo gallery)
richard n wrote: [...] I switched the layout of the nav elements from float:left to display:inline. I then added nowrap, and some absolute positioning. The title was floated:right with a big 28em left margin. This works well in my 4 mac browsers (Safari, Opera, Firefox, IE 5.2.3). I'd like to get some feedback on whether it works in IE5 or 6 or 7 PC. I'm interested in what happens when the browser window is made really narrow. Richard My latest version: Richard, I regret that in your latest version the menu is not on the screen in xp ie/6.0 at 800 or 1024. It seems ok at 1280. 15 win/ie captures (win/ie 5 through 7) http://www.browsercam.com/public.aspx?proj_id=285032 http://www.richardnicholson.com/testing/menu_with_frames8/editorial.html And the original version I was trying to fix: http://www.richardnicholson.com/testing/menu_with_frames6/editorial.html Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Framing my menu (for horizontal scrolling photo gallery)
Richard, I regret that in your latest version the menu is not on the screen in xp ie/6.0 at 800 or 1024. It seems ok at 1280. 15 win/ie captures (win/ie 5 through 7) http://www.browsercam.com/public.aspx?proj_id=285032 http://www.richardnicholson.com/testing/menu_with_frames8/editorial.html Hi David Thank you for posting your browsercam results. I'm very disappointed. IE5 seems like a hopeless case (the content has vanished as well as the menu). However I reckon there might be a fix for IE 5.5 and 6, as they both seem capable of displaying the menu - they just need an excessive amount of horizontal space to do so The H1 title, 'r n photography', floated right, has a 28em left margin to stop it colliding into the menu when the browser window is narrow. The menu is positioned absolutely, so the 28em left margin on the H1 element SHOULD be measured from the left edge of the browser window (i.e. the dimensions of the menu SHOULD be ignored). It seems like things are working differently in IE 5.5 and 6, and the margin on the H1 element is hitting up against the menu and knocking it out of place Hmmm. Back to the drawing board. If anyone can understand what's going wrong, please let me know. Cheers Richard __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Framing my menu (for horizontal scrolling photo gallery)
richard n wrote: I switched the layout of the nav elements from float:left to display:inline. I then added nowrap, and some absolute positioning. The title was floated:right with a big 28em left margin. This works well in my 4 mac browsers (Safari, Opera, Firefox, IE 5.2.3). http://www.richardnicholson.com/testing/menu_with_frames8/editorial.html Works well is a relative term, but it works the same in windows browsers as in their Mac-OS equivalents. Something _will_ eventually get lost on narrow windows, and more will get lost when font resizing is applied. This is unavoidable when 'position: fixed' is used, so you'll just have to decide when it's working well enough for comfort on a wide enough range. I'd like to get some feedback on whether it works in IE5 or 6 or 7 PC. I'm interested in what happens when the browser window is made really narrow. On really narrow windows (below 600 or something) the endless scroll bug will take affect in IE6 - sideways. Will always happen when pseudo-fixed elements are too wide for the window, and is not easily preventable. IE6 has a couple of more serious problems... 1: the nav doesn't always show up. 2: the nav gets cut off on the right side. IE6 needs these additions in the separate stylesheet in order to behave well enough (IMO). #topbar #nav {position: relative; height: 1%; } ...to assure the nav stay visible and doesn't get cut off. This does in fact make nav display as a block-element with 'hasLayout', but there aren't all that many ways to get around those IE-bugs. #topbar h1 {margin-bottom: -100px;} ...to prevent nav from dropping below h1 on narrow windows. The drop is caused by the added styles above, but again: those IE-bugs are hard to kill. The result: IE6 still handles that layout better than other browsers, IMO. Pretty far from standard behavior though :-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Framing my menu (for horizontal scrolling photo gallery)
Gunlaug Sørtun wrote: http://www.richardnicholson.com/testing/menu_with_frames8/editorial.html On really narrow windows (below 600 or something) the endless scroll bug will take affect in IE6 - sideways. Will always happen when pseudo-fixed elements are too wide for the window, and is not easily preventable. Of course, I found a way to kill that bug too a while back... http://www.gunlaug.no/contents/wd_additions_15.html ...described under *large elements “fixed” to viewport* - using removed floats... http://www.gunlaug.no/contents/wd_demo_float_03.html However, using such a method to kill that IE-bug is better suited for other cases than yours, since links that end up outside the window because of the way the proper 'position: fixed' works, are inaccessible in all browsers anyway. Basically: the use of 'position: fixed' to hold vital text-elements in view on limited window-sizes, is a dead end without the addition of 'overflow: auto/scroll' on the 'fixed' container. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Page Check and Input Button Problem
Rahul Gonsalves wrote: ~davidLaakso wrote: Rahul Gonsalves wrote: In reference to: http://mockups.rahulgonsalves.com/mitra/mockup.html I am getting a 404 at the moment, Rahul. I should have clarified - the Sign Up button in the bottom-right corner, was the one that was giving me problems. It's still being badly behaved. Perhaps someone else can resolve the submit button problem. Float drop in xp ie/6.0 at text-size larger and largest. I can reproduce at text-size larger, but not at largest. As I recall, it was dropping at font-size 'larger' (not font-size 'larger' /and/ 'largest' as I wrote). At some point in time, I think I would actually like the floats to drop, rather than for readers to be presented with a horizontal scrollbar. Thoughts? Have you tried min/max width? Warmly, - Rahul. Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE7 ignoring margin in certain conditions with other rules
On 9/15/06, Bruno Fassino [EMAIL PROTECTED] wrote: You have the problem in ie7 with min-width since this applies hasLayout. I haven't checked the details, but you could try to give hasLayout to the parent of your h2: the missing horizontal margin should come back. This will probably create other differences, but those should be fixable (maybe using paddings.) giving my parent div a min-height: 1px; got ie7 back on track. suffice it to say i am *not* looking forward to learning all these new broken areas and working around new and unknown (to me at least) bugs in yet another version of a major browser. :( now i remember why i kept putting off checking in ie7 after the RC came out... ugh. thanks a bunch bruno. :) i'm glad it was an easy fix, and hopefully i'll be able to figure it out on my own next time! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE6 vs Firefox 1.7
jonathan Gross wrote: I'm building a site using only css. This is my first try and I'm a newbie at web design. I have managed to set up my h1 and h2 heading and line them up properly in ie6. In firefox, my subheading goes to the far left, while my h1 stays exactly where it should be. What I'm I doing wrong? Please help the newbie! In reference to: The site is at the following ftp site: ftp://jonnymillie:[EMAIL PROTECTED] I have no server for this right now and it's typically a password protected site. I hope this sheds light. Thanks for the help Welcome. Start with a solid foundation-- a base layout. And keep it simple. Number 36 in the bottom left corner of this page http://blog.html.it/layoutgala/ may work for you.Change total width of that layout to 800px; make #navigation 260px width; and #content 536px width; This will line up with your image which can be a background-image for #container.. Make this h1KLT NEWS/h1 and put it in #header. Make this h2The Magazine of Whatever it is.../h2 and put it in #content. Navigation usually treated as a list (of places to go). Put this list http://css.maxdesign.com.au/listamatic/vertical01.htm in the #navigation column. Code to Firefox with /frequent/ checks in IE (FF is almost always correct-- IE is almost always wrong). The list wiki faq is a great resource for most anything you'll need (uri below) If you get stuck write the list (or write me off-list). Best, ~dL PS It is in your best interest to write /below/ rather than above those you reply to (makes it easier to follow a logical thread). -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Link Classes
Rock on Francky! Thanks so much for your efforts. And thanks everyone who responded! Happy Monday! : jason a. ogle : graphic artist : Atomic(urve : www.atomiccurve.com Or giving an id=#image-links to the table in which all image links are, with a general: #image-links a { border: none; } Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 check please- was Table squirting out of DIV
I just wanted to say thanks for the help and patient explanations. CSS is a very complicated subject and hopefully someday I will be able to help others as you have helped me. =] Rolland __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] special characters with css
Hello, Is it possible to style a special character such as #174; to show as uppercase next to regular text? Using text-transform: uppercase; doesn't work. Thanks AG __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Trouble with image (wrapping?) in IE Win
Hi everyone, any help would be great: I'm working on re-coding an existing website into XHTML/CSS and am hitting a small snag: The banner ads section. Using min-width I am able to get the desired behavior w/ Firefox but (big surprise) not in IE... http://www.alexburr.com/yehoodi/3/index.php In IE when you resize the window down, the banner ad jumps down a line to fit itself. What I want is for it to wrap under the right-hand column as it does in FF... Any thoughts? Thanks in advance... - A Burr __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] special characters with css
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Ara Sent: 18 September 2006 18:49 To: css-d@lists.css-discuss.org Subject: [css-d] special characters with css Hello, Is it possible to style a special character such as #174; to show as uppercase next to regular text? Using text-transform: uppercase; doesn't work. Thanks AG Maybe I am being thick here but not really sure what the problem is. A link would be useful. Have you checked out: http://www.w3.org/TR/REC-CSS2/text.html#caps-prop Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.4/449 - Release Date: 15/09/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Inspiration - CSS menus
I was wondering if there is a site somewhere that has CSS based menus that I could get some inspiration from? I am looking for a vertical menu that is a little different and interesting but not weird. TIA, Riva __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] 4.0 STRICT - margins in IE6 taking up too much space bug?
Hi, It appears there's a bug in the way IE6.0 handles margins in 4.0 Strict mode. Even though I am adding margins + paddings + width to come up with the actual box width there's still something weird happenning. Here's a page that demonstrates the problem/bug. http://www.ezi10.com/ezi10/problem2.htm I have an outer div with width=280px right-margin=0 I have an inner div with width=260px right-margin=20 When I put the inner Div inside the Outer Div and Float it left the outer div grows so that it become 300px wide. It doesn't happen if I don't float the Div left. Is this a bug or am I missing something? I've tested this in IE 6.029 and 6.037 I need to float the inner div left because on my actual page want to have two inner divs forming two columns thus http://www.ezi10.com/ezi10/problem.htm Thanks in advance, Lau __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Inspiration - CSS menus
Hi, I have this one, but it's not updated in a while: http://www.alvit.de/css-showcase/ HTH Grillo On 9/18/06, Portman [EMAIL PROTECTED] wrote: I was wondering if there is a site somewhere that has CSS based menus that I could get some inspiration from? I am looking for a vertical menu that is a little different and interesting but not weird. TIA, Riva __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 IE7b2 testing hub -- 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] Inspiration - CSS menus
Portman wrote: I was wondering if there is a site somewhere that has CSS based menus that I could get some inspiration from? Maybe this thread will help: *Design Resources and Inspiration!* http://snipurl.com/wm4k Good luck! Cheers, Micky -- Wishlist: http://snipurl.com/vrs9 Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Inspiration - CSS menus
Thanks! Riva Marcelo Wolfgang wrote: Hi, I have this one, but it's not updated in a while: http://www.alvit.de/css-showcase/ HTH Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Inspiration - CSS menus
Thanks Micky! Riva Micky Hulse wrote: Maybe this thread will help: *Design Resources and Inspiration!* http://snipurl.com/wm4k Good luck! Cheers, Micky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Float layout with borders
I would like to create a float layout with borders such as Gmail do. How do you think is the best way to implement this feature? Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] ADMIN: bounce emails from [EMAIL PROTECTED]
Some of you may have been receiving bounce emails today from [EMAIL PROTECTED] Please be aware that the list moderators are aware of the problem and are working to put a stop to them right now. Thanks for your patience. Please do not reply to this message on the list. If you have any questions or comments about the list operation, please email all the moderators at [EMAIL PROTECTED] Thanks, Zoe Gillenwater css-d list moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] special characters with css
Ara wrote: Is it possible to style a special character such as #174; to show as uppercase next to regular text? Using text-transform: uppercase; doesn't work. Thanks AG I am not sure I understand. Maybe you, or someone else, can clarify this question. The punctuation character #174; is a registered trademark sign. It is an /uppercase/ R in a circle. If you had a need to make the trademark sign, or some other punctuation character, larger than the text it is in, then this is one way: CSS body { font: normal 100%/1.3 Georgia, serif; } p span { font-size: 300%;} HTML paaaspan#174;/span/p Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] special characters with css
Hello, Is it possible to style a special character such as #174; to show as uppercase next to regular text? Using text-transform: uppercase; doesn't work. Thanks AG Hi Ara, As you can see from this table: http://www.w3.org/TR/REC-html32#charset There is no uppercase equivalent to some special characters. Cheers, Rod __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 IE7b2 testing hub -- 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] Page border up in the air
Thanks for your help, Francky. I followed your advice for the IE fix. My pages don't jump in IE 5.2 Mac now. I wonder how they're looking look in IE 6.x. The gap between the bottom of my body border and browser window still appears in Safari and FF. Interestingly enough, I'm not having problems with this in IE 5.2. I can get rid of the gap in FF by adding a min-height selector to the content div tall enough to push the border down [can't get rid of it in Safari at all]. I know something is fundamentally wrong with my code -- a page border should border an entire page, and not just part of the page. Additionally, I've discovered that an ordered list on doesn't function as an ol. There are no numbers! OL at http://www.njlada.com/c/directors.php Best, Kimi Kim Brooks Wei wrote: My page border works on three sides but on the bottom it doesn't work. The border is there, but it's not flush with the page bottom. http://www.njlada.com/c/directors.php One more suggestion. I notice that in IE the pages are jumping up and down. In this case, it can be resolved by giving a clear: both to the footer, and resetting the padding-top of the footer to zero. Then there is always some distance between the left side logo and the bottom colors of the page. See testpage http://home.tiscali.nl/developerscorner/css-discuss/test-lada.htm. Greetings, francky -- Kim Brooks Wei 1.201.475.1854 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] special characters with css
Sorry about the double-post, all... On 9/18/06, Tim Gossett [EMAIL PROTECTED] wrote: There is no uppercase equivalent to some special characters. I believe Ara meant to say superscript instead of uppercase... otherwise, his question would make no sense. If that is the case, Ara, you would need to wrap the character in a div or span to be able to style it. The only way to style individual characters (that are not wrapped in some other element) is to use a psudeo-class like p:first-child. If your registered trademark happens to be the last character of some parent element, then you might be able to use parentElement:last-child to style the #174; character. Ara, it might just be easier to wrap reg; in sup tags... that way, it'll look correct when CSS is turned off... that would put this thread off-topic, though. img src=http://upload.wikimedia.org/wikipedia/en/c/cd/Bass_logo.png; alt=Bass Red Triangle/supreg;/sup --Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Link works in IE not in Firefox
Two disclaimers: 1) This is my first post, I'm probably breaking all kinds of rules so I apologize in advance 2) I know the below horrible on many levels... I inherited the site and it's going to be redesigned very soon. But in the meantime, I have to wedge a new link somewhere in this div crazy page. div id=helpdesk style=position:absolute; left:476px; top: 237px; width:100px; padding:5px; border:solid 1px #BCD4E5; font-family: verdana, arial, sans-serif; font-size: 12px; Line-Height: 14px NEW: a href=helpdesk.htmlIT Help Desks/a/div This works just fine in IE but in Firefox it looks fine but the link doesn't work. When I double click on the link text, words in another div get highlighted! It's for an intranet page, and Firefox is not supported, so this is really just for curiosity perfectionism's sake. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] extra vertical space in IE6
William M Conlon wrote: Hi, I'm new to this list. Sorry I didn't find it years ago. Welcome. I'm perplexed by a problem with IE 6 adding an extra few pixels at the bottom of a div. There are two places this occurs at http://www3.rgallery.us/index.html I was not able to access the file. Maybe someone can help me see where the problem is with the first, simpler, and non-floated case: div#top { width:638px; border: 1px solid #560116; } Which contains two images: div id=top a href=/index.htmlimg src=images/logo.jpg alt=Home width=190 height=106 border=0 //aimg src=images/ home_top.jpg alt=Staging: Innovative and Effective Design Solutions that Sell Homes width=448 height=106 border=0 / /div This renders fine in Firefox and Safari. IE7 requires that I @import a fix: div#top {height: 106px;} but I haven't found anything for IE6. Instead, there is a gap of about three pixels between the bottom of the images and the border. See if this helps: div#top { width:638px; height: 106px; border: 1px solid #560116; } win/IE/6 and down get this hack enclosed in a conditional comment: !--[if lt IE 7] style type=text/css div#top img { display: block;height: 1%; } /style ![endif]-- Not tested. Best, ~dL Bill __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/ -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Table body scrolling
Hello everyone again! I´ve got a really long table, from which I want it´s body scrolling. I used http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html, and in FF worked great, but IE7 presents big problems, and Opera doesn´t fix header or footer. URL: http://www.e2design.com.ar/Dev/CELP/testscrolltable.html. Help really appreciated! I love this little thing but had some problems... Best regards; Eugenio. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] extra vertical space in IE6
On Sep 18, 2006, at 1:52 PM, ~davidLaakso wrote: There are two places this occurs at http://www3.rgallery.us/ index.html I was not able to access the file. So sorry. Should have been http://www.rgallery.us/index.html See if this helps: div#top { width:638px; height: 106px; border: 1px solid #560116; } win/IE/6 and down get this hack enclosed in a conditional comment: !--[if lt IE 7] style type=text/css div#top img { display: block;height: 1%; } /style ![endif]-- Not tested. Best, ~dL Yes and no. Your suggestion solved the second issue (which I thought would be harder because it involved floated div's to set up columns. Adding div#body img {display:block;} to the IE6 style sheet fixed the second problem. But in the first div I had two images side-by-side and the block display directive caused them to be rendered above and below. Your hint suggested that I wrap each image in its own div. Then, in the IE6 css, the same declaration applies. div#top img {display:block;} So thanks very much for the help. Bill __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] styling the legend element
Paul Collins wrote: Hi all, I know CSS support for the legend element is currently minimal, but I was wondering if anyone has ever managed to float it left in the major browsers? In particular, IE5+, Firefox, Safari. I've got a graphic title inside which I have also floated left, was hoping I could override the legend element in some way and use a styling directly on this, but I just can't get it to float left in IE. Here is the code sample: form action=index_logged_on.html method=post fieldset legendimg src=images/header_title_bookings.gif width=116 height=29 alt=BOOKINGS: Login to your account//legend input type=text name=username class=login_field value=username/ input type=text name=password class=login_field_password value=password/ input type=image src=images/header_go_button.gif alt=Go name=login id=login value=GO/ /fieldset /form If you notice any other discrepancies in the HTML, please ignore them and let's focus on the topic at hand!! Also, does anybody know a good link to further information on styling the legend? It would be great to know what CSS attributes can be used in each browser. Cheers, Paul Hi Paul, Some time ago we have discussed some ups and downs of styling legends. See my testpages, starting here http://home.tiscali.nl/developerscorner/css-discuss/test-monkey-new.htm. The link to the css-d list thread is included. And, just finished: Experimenting with styling forms http://home.tiscali.nl/developerscorner/fdc-varia/styling-dropdown-boxes.htm. :-) Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 body scrolling
The original source works fine in all my browsers, so it was a mistake I may be able to solve. Thanks in advance, anyway! Eugenio. On 9/18/06, TuteC [EMAIL PROTECTED] wrote: Hello everyone again! I´ve got a really long table, from which I want it´s body scrolling. I used http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html, and in FF worked great, but IE7 presents big problems, and Opera doesn´t fix header or footer. URL: http://www.e2design.com.ar/Dev/CELP/testscrolltable.html. Help really appreciated! I love this little thing but had some problems... Best regards; Eugenio. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Arrow / styling drop down menu's
mamrg wrote: Hi, If you care to visit this page: http://www.gamito.org/inscricao.php you'll notice that the arrow of the drop-down menu (curso) is the black-bold-regular one. How can i put it plain and blue ? Any help would be appreciated. Warm Regards, Mário Gamito Hi Mário, I tried-and-tried-and-tried ... in general it is impossible with direct css-styling, but I found a good solution for Firefox. :-) The tragedy: it is a rather FF only workaround. :-( See my experiment page http://home.tiscali.nl/developerscorner/fdc-varia/styling-dropdown-boxes.htm. Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
Hi I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php css: http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css The css validates okay, but must be a FF quirk? David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
Hard to tell what image you are referring to. The site looks the same to me in Safari and FireFox on the Mac. Except of course the word architect is misspelled in both menus, top and bottom :) From: David Bailey [EMAIL PROTECTED] Subject: [css-d] background image problem in Firefox I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
David Bailey wrote: Hi I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php css: http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css The css validates okay, but must be a FF quirk? David XP This image *pg_bkg_grfk.jpg* is clipped in mozilla (only the top 36px of the image shows): Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/20050915 I do not know what is causing this. There seems to be no problem in these browsers (the page appears identical) ie/6.0 opera/9.01 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 aside: how come the 185px horizontal scroll bar at 1280 in all browsers? Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Float layout with borders
I mean with round corners, I forgot to mention. On 9/18/06, Diego Chagastelles [EMAIL PROTECTED] wrote: I would like to create a float layout with borders such as Gmail do. How do you think is the best way to implement this feature? Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
Hi Chris, On 19/09/2006, at 12:08 PM, Chris Williams wrote: Hard to tell what image you are referring to. The site looks the same to me in Safari and FireFox on the Mac. It is the pg_bkg_grfk.jpg (a door frame and handle that should angle down to the bottom of the page on the left hand side of the content area and finish just above the footer. Except of course the word architect is misspelled in both menus, top and bottom :) Thanks. I've been concentrating on layout, and not so much on the actual content. David I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
Thanks David... I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php css: http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css XP This image *pg_bkg_grfk.jpg* is clipped in mozilla (only the top 36px of the image shows): Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/ 20050915 I do not know what is causing this. Yes, I hadn't tried Mozilla, but you are right. Thanks for the other checks, too. This is the problem I'm asking the group as to what it could be. I'm really only a learner in CSS, and stumped as to what it could be. There seems to be no problem in these browsers (the page appears identical) ie/6.0 opera/9.01 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 aside: how come the 185px horizontal scroll bar at 1280 in all browsers? You are right. I hadn't even noticed that as I've always just worked within the window which which stretches to whatever size. I've been testing for users that may increase their font size. I'll have to have a look, but if anyone can see what the issue is, you are most welcome to let me know! :-) David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
~davidLaakso wrote: David Bailey wrote: Hi I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php css: http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css The css validates okay, but must be a FF quirk? David XP This image *pg_bkg_grfk.jpg* is clipped in mozilla (only the top 36px of the image shows): Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/20050915 I do not know what is causing this. There seems to be no problem in these browsers (the page appears identical) ie/6.0 opera/9.01 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 aside: how come the 185px horizontal scroll bar at 1280 in all browsers? Regards, ~dL Hi David's, The horizontal scrollbar is due to the padding-left in the #content, which has also a {width: 100%;}. This is clipping the bg-img too, I think. A margin-left for the #content-left can solve it. The .separatorInvisible is not working in FF and others, because of the { height: 0; }, then it is not present. You can give it a height of 1px and a negative margin-bottom of -1px, then the visual result is the same: no space is eaten. IMO it's not a FF quirk: with proper css FF is fine, and IE needs a correction. ;-) All together: see testpage http://home.tiscali.nl/developerscorner/css-discuss/test-eurovision.htm. The results in some main browsers are savesound here in browsershots.org http://browsershots.org/screenshots/56a099e7c1e1881f3c2dc81b5bfc48e7/. :-) Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
Hi I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php css: http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css XP This image *pg_bkg_grfk.jpg* is clipped in mozilla (only the top 36px of the image shows): Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/ 20050915 I do not know what is causing this. There seems to be no problem in these browsers (the page appears identical) ie/6.0 opera/9.01 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 aside: how come the 185px horizontal scroll bar at 1280 in all browsers? Regards, ~dL Hi David's, The horizontal scrollbar is due to the padding-left in the #content, which has also a {width: 100%;}. This is clipping the bg-img too, I think. A margin-left for the #content-left can solve it. The .separatorInvisible is not working in FF and others, because of the { height: 0; }, then it is not present. You can give it a height of 1px and a negative margin-bottom of -1px, then the visual result is the same: no space is eaten. IMO it's not a FF quirk: with proper css FF is fine, and IE needs a correction. ;-) All together: see testpage http://home.tiscali.nl/developerscorner/css-discuss/test- eurovision.htm. The results in some main browsers are savesound here in browsershots.org http://browsershots.org/screenshots/ 56a099e7c1e1881f3c2dc81b5bfc48e7/. :-) Greetings, francky Hi Franky, Thanks for all your effort! That is most helpful. I'll get to and apply your recommendations, which obviously work from your testpage. I also need to think about why these do what they do. For instance, why 100% width can't have padding, which I thought was possible as I understood padding to be internal content. I'll have to do a bit more reading! You are no doubt right about FF. I shouldn't have assumed! Thanks again for all your help! David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
David Bailey wrote: Thanks David... I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php css: http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css XP This image *pg_bkg_grfk.jpg* is clipped in mozilla (only the top 36px of the image shows): Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/ 20050915 I do not know what is causing this. Yes, I hadn't tried Mozilla, but you are right. Thanks for the other checks, too. This is the problem I'm asking the group as to what it could be. I'm really only a learner in CSS, and stumped as to what it could be. There seems to be no problem in these browsers (the page appears identical) ie/6.0 opera/9.01 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 aside: how come the 185px horizontal scroll bar at 1280 in all browsers? The massive h-scroll bar was due to padding on #content. Additionally, there were a few other contributing factors. You'll see the changes noted on this file http://www.chelseacreekstudio.com/arch.html. I regret that I did not find what is causing Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/ to block the image*pg_bkg_grfk.jpg.* Anyone? Best ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
David Bailey wrote: Hi I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php css: http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css XP This image *pg_bkg_grfk.jpg* is clipped in mozilla (only the top 36px of the image shows): Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/ 20050915 I do not know what is causing this. There seems to be no problem in these browsers (the page appears identical) ie/6.0 opera/9.01 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7 Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 aside: how come the 185px horizontal scroll bar at 1280 in all browsers? Regards, ~dL Hi David's, The horizontal scrollbar is due to the padding-left in the #content, which has also a {width: 100%;}. This is clipping the bg-img too, I think. A margin-left for the #content-left can solve it. The .separatorInvisible is not working in FF and others, because of the { height: 0; }, then it is not present. You can give it a height of 1px and a negative margin-bottom of -1px, then the visual result is the same: no space is eaten. IMO it's not a FF quirk: with proper css FF is fine, and IE needs a correction. ;-) All together: see testpage http://home.tiscali.nl/developerscorner/css-discuss/test- eurovision.htm. The results in some main browsers are savesound here in browsershots.org http://browsershots.org/screenshots/ 56a099e7c1e1881f3c2dc81b5bfc48e7/. :-) Greetings, francky Hi Franky, Thanks for all your effort! That is most helpful. I'll get to and apply your recommendations, which obviously work from your testpage. I also need to think about why these do what they do. For instance, why 100% width can't have padding, which I thought was possible as I understood padding to be internal content. I'll have to do a bit more reading! You are no doubt right about FF. I shouldn't have assumed! Thanks again for all your help! David Reading stuff? A good start: * http://www.w3.org/TR/CSS21/box.html * http://www.w3.org/TR/CSS21/visuren.html * and from the css-d Wiki: http://css-discuss.incutio.com/?page=BoxModel Now I've to read my own advise! ;-) francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 problem in Firefox
I would appreciate help in finding out why I can't get the background image to display properly in Firefox (both Mac and Win). It renders fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able to check it in IE 7 I'd appreciate that? page: http://www.dab-hand.co.nz/testbay/eurovision/index.php Works fine in recent browsers: Safari 2.0, Firefox 1.5 and newer, Opera 9. Older version(s) of Gecko (Firefox 1.0, Mozilla 1.7.13) have a problem with clearing your floated blocks. Your div class=separatorInvisible isn't really clearing, because it is empty, sort of. Add a non-breaking character in there, and it will work correctly div class=separatorInvisible#160;!-- x --/div (Or use another technique to contain your floats.) Thanks, Philippe. I have used this technique from a book i've been using (Web Designer's Reference, by Craig Grannell). He doesn't seem to us the non-breaking character in his sample. What other techniques are there to contain floats? Can you point me in the right direction? David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/