Re: [css-d] Very serious error in Gecko [was: help with float dropin third column of CSS layout -Mozilla Browsers]
Philippe Wittenbergh wrote: The link is http://www.inspired-evolution.com/layout_test.php and the CSS is at the top. Actually Gecko (Firefox) does a *VERY* serious mistake by positioning the contents of the top right column (#col2) where it does. Have a look at Opera or Safari to see what *should* happen. #col2 is only 15em and is not floated, hence the contents of that div should drop down below the left column (#col1). If you replace the list (ul) inside of #col2 with a p then Gecko comes back to correct display. It seems that the Gecko behavior is related to the li having as efault -moz-float-edge: margin-box. Usually all other block elements have -moz-float-edge: content-box, which implies the normal correct behavior. With -moz-float-edge: margin-box the li behave in a non standard way in presence of floats (usually they are fully displaced by a float, as they were inline-level.) And in this case we have this even stranger behavior: all the ancestors of the uls appear (as seen with the DOM inspector) correctly at the left of the page, behind #col1, but the li are rendered totally outside their containing boxes. Giving -moz-float-edge: content-box to the li seems to restore the correct behavior. Bruno __ 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] Font not looking consistent across browsers
Thank you, Felix. CSS now validated and your technical complaint largely dealt with. Re. your own complaint, though, are you recommending a % only setting for text size or is small etc OK too? I understand not to use px or other absolute sizes. Tony. On 26 Jun 2006, at 17:24, [EMAIL PROTECTED] wrote: Message: 10 Date: Sun, 25 Jun 2006 18:33:16 -0400 From: Felix Miata [EMAIL PROTECTED] Subject: Re: [css-d] Font not looking consistent across browsers To: css-d@lists.css-discuss.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1 On 06/06/25 17:35 (GMT-0400) Tony Balazs apparently typed: I'd be very grateful if you could check out http://www.snowflakeschool.org.uk where fonts are not looking consistent across browsers. I want a small size verdana look and get it in Camino Mac OS X but in most other browsers the font doesn't come out right and looks horrible in my Win/IE6. I have reproduced the CSS below and perhaps someone can see what is going wrong. Perhaps I have font-family instead of font somewhere or vice-versa? Valid CSS is no less important than valid HTML. Validate it: http://jigsaw.w3.org/css-validator/validator That will technically correct your complaint, but it won't correct my complaint. If you like small text, set your own browser so that's what you get. Don't impose undersize body and P text on your visitors. They're the only ones on position to determine the best size for what shows up in their browser viewports. They do it in their browser preference settings. Imposing arbitrary size reductions on body and P is telling them they're wrong. That's rude, especially since they aren't wrong. http://mrmazda.no-ip.com/auth/bigdefaults.html -- All have sinned fall short of the glory of God. Romans 3:23 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.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] css-d Digest, Vol 43, Issue 43
200 __ 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] css-d Digest, Vol 43, Issue 43
200 __ 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] Firefox image background issue
Hi, I have an ID that's giving me problems in FF. It's fairly basic and as far as I can tell the problem lies in the definition itself (as opposed to other divs interacting with it causing the strange behaviour). It's really basic, a background image that for some reason in FF is pushed upwards (hard to describe but you only see the bottom part of the image, as if a negative top margin is cutting off the top). In IE it displays fine. Here's the CCS: #blackBar { background-image: url(images/black_bar.gif); background-repeat: no-repeat; width: 784px; height: 30px; } Anyone have any idea? Or maybe someone could confirm that it *must* be some other element outside of the above one because the above one is fine in FF? 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] Firefox image background issue
Eoin wrote: It's really basic, a background image that for some reason in FF is pushed upwards (hard to describe but you only see the bottom part of the image, as if a negative top margin is cutting off the top). In IE it displays fine. Here's the CCS: #blackBar { background-image: url(images/black_bar.gif); background-repeat: no-repeat; width: 784px; height: 30px; } I found the easiet way to bug fix this kind of thing is to take the element and code out of the context of the page, i.e. create a new page with just the element and code in and see if it works. If it does then you know its something else contributing and your code is fine. As far as I can see, your CSS looks fine. However, you could try setting the positioning of the background image to be sure, e.g. top and left. Kieron McIntyre www.digbyswift.com www.cssfilters.net __ 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] Fluid 3 column layout with images
I have just built my first successful 3-column layout - 'proper' contents still need adding. It works well at 1024 res and above but when the viewport gets reduced (eg at 800 res) or if Favourites is open on the side, the whole thing degrades badly - ie page elements move out of place starting with the image placed in the middle column. I suspect it is because the text can resize because I have used {margin:auto;} as well as percentages for the body and the divs but the image has a fixed width and shifts instead of resizing... Is there a way I can get the image to behave like the rest and resize? Many thanks to anyone willing to help me! To test what I mean: http://www.clairerich.co.uk __ 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] Two Problems-left column too wide, floating 4 pictures
Vic Rauch wrote: To see my current page, please go here http://www.ggshows.com/2006A/DisplayPageCMX.html . The 40px blank space between the menu on the left, and the yellow behind the logos to the right. I can not find what is creating this space, plus there is a lot of space around the logo that should be able to colapse before the logos and show text info are sent running below the menu. I'm trying to use the Jello Mold, but obviously I've missed something, somewhere. The four pictures (with the brown background), that will swap out with 4 other pictures, one at a time. I would like for these pictures to also float left and right within the jello mold, but I don't know how to get them to butt up to one another without any space between them (as they are now using AP). Kim Meric responded: There is quite a bit of work there to make this job purely accessible via CSS. Have a look at these links; http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.ggshows.co m%2F2 006A%2FDisplayPageCMX.html ?http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri =http %3A%2F%2Fwww.ggshows.com%2F2006A%2FDisplayPageCMX.html The HTML and CSS both validate now, but both problems are still there. Vic __ 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] Font not looking consistent across browsers
On 06/06/29 10:00 (GMT+0100) Tony Balazs apparently typed: Thank you, Felix. CSS now validated and your technical complaint largely dealt with. Re. your own complaint, though, are you recommending a % only setting for text size or is small etc OK too? Keywords are OK, except that anything smaller than small is usually less than 10pt, and not particularly consistent among browsers and default sizes. They generally come close to the CSS spec recommendation, but hardly as exact as typical designers seem to prefer. http://mrmazda.no-ip.com/auth/Moz/absolute-sizes-MvE.html tables common differences. OTOH, if you look at http://mrmazda.no-ip.com/auth/Font/font-rounding.html with several browsers at once you'll see % (and thus em) isn't consistent either. On consistent appearance generally, see http://www.alistapart.com/articles/dao/ and/or http://www.xs4all.nl/~sbpoley/webmatters/essence.html . -- All have sinned fall short of the glory of God. Romans 3:23 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.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] Background flashes
Hi all, I designed a website that has a big picture on the background (per the _client's_ request) and I find that the background flashes in IE - not just once, but every time I go to the page. I tried all the usual fixes I could find and even cleared the cache, but it is still happening. Any advice would be much appreciated. The site is here: http://www.starqualitydesigns.com/Moodus/ Thanks, 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/
Re: [css-d] Background flashes
On 29/06/06, Portman [EMAIL PROTECTED] wrote: Hi all, I designed a website that has a big picture on the background (per the _client's_ request) and I find that the background flashes in IE - not just once, but every time I go to the page. I tried all the usual fixes I could find and even cleared the cache, but it is still happening. Any advice would be much appreciated. The site is here: http://www.starqualitydesigns.com/Moodus/ Thanks, Riva __ Looks fine to me in IE6 on Win XP. -- http://www.web-buddha.co.uk http://www.projectkarma.co.uk __ 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 flashes
I am using IE6 on WinXP on a PC. Weird. [EMAIL PROTECTED] wrote: In which version of IE in which OS are you having the problem? I looked at it in IE6 for Win2K and had no problem with flashing. -- Marc Luzietti Flagship Project Bayview Financial, L.P. (305) 341-5624 __ 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] Liquid columns Printing Issue - update
Thank you, That brought me 50% of the way there, I mentioned two issues before (I thought they were tied together) but you resolved one of them by this suggestion. The only problem I'm having left is FireFox still refuses to print beyond the first page where as it looks great in every other browser (IE6, IE7, and Opera). It also only appears to happen when I have tables being displayed. p/p tags etc that span across several pages print wonderfully in Firefox. It's only this scenario: [..header data..] table [1-20 page(s) later] /table [..footer data..] Page 2 always seems to hold the footer though which makes the issue really bizarre. The URL once again is: http://hitech.lead2gold.org/view_teams.php The 3 style-sheets I'm using are: (page layout only): http://hitech.lead2gold.org/css/navmain.css (page colors and some table layouts): http://hitech.lead2gold.org/css/green.css (print css) http://hitech.lead2gold.org/css/print.css Thanks again for resolving one of my problems though! Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tom Livingston Sent: Wednesday, June 28, 2006 5:13 PM To: Chris C Cc: CSS List Subject: Re: [css-d] Liquid columns Printing Issue - update I do in fact have a print.css file that chops the right and left menu bars before the print. I can't figure out why it truncates past the first page. Are the containers of the content being printed floating? (Sorry, can't look right now). In your print sheet, try getting rid of the floats. i.e. #div{float:none;} HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] Liquid columns Printing Issue - update
[..header data..] table [1-20 page(s) later] /table [..footer data..] Page 2 always seems to hold the footer though which makes the issue really bizarre. The URL once again is: http://hitech.lead2gold.org/view_teams.php The 3 style-sheets I'm using are: (page layout only): http://hitech.lead2gold.org/css/navmain.css (page colors and some table layouts): http://hitech.lead2gold.org/css/green.css (print css) http://hitech.lead2gold.org/css/print.css Thanks again for resolving one of my problems though! Chris I do in fact have a print.css file that chops the right and left menu bars before the print. I can't figure out why it truncates past the first page. Are the containers of the content being printed floating? (Sorry, can't look right now). In your print sheet, try getting rid of the floats. i.e. #div{float:none;} HTH Hmm. The only other print issues I have had (so far) I managed to resolve by having to put width:auto!important; and height:auto!important; in my print sheet. Without the !important added, the print styles didn't over-ride the screen. HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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 flashes
You are a genius! Thank you. That worked wonderfully!! Riva 2geedesign wrote: Try adding meta http-equiv=Page-Enter content=blendTrans(Duration=0.1) into the head/head section of each page. This slows deleting of the old page. IE has a fade-out/fade-in option when changing webpages. Setting the fade time 0 .1 sec is harmless for the visitor, and long enough to prevent flickering: Hope this works. Ian __ 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 flashes
Riva wrote: I find that the background flashes in IE - not just once, but every time I go to the page. I tried all the usual fixes I could find and even cleared the cache, but it is still happening. Any advice would be much appreciated. Hi Riva, I have tested the site in IE5, 5.5, 6 and 7 and I can't replicate the issue you describe. You do have a transition set on each page: meta http-equiv=Page-Enter content=blendTrans(Duration=0.1) This may be causing what you see. Alternatively, try setting no-repeat on the background image since the image is static. Kieron McIntyre www.digbyswift.com www.cssfilters.net __ 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] PNG Background in IE6
Hi list, Is it possible to have a png with transparency in IE ? I only found out about techniques to do that with images on the code, If someone can help me I appreciate. TIA 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] Background flashes
Portman wrote: Hi all, I designed a website that has a big picture on the background (per the _client's_ request) and I find that the background flashes in IE - not just once, but every time I go to the page. I tried all the usual fixes I could find and even cleared the cache, but it is still happening. Any advice would be much appreciated. Have look at http://archivist.incutio.com/viewlist/css-discuss/72983 in the list archives and see if it helps - I know the original question was to do with :hover, but a large background image would show the same effect. There are other related posts in the archives; see http://www.google.co.uk/search?q=site%3Aarchivist.incutio.com+background+image+ie+flicker HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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 flashes
Thanks Nick. Nick Fitzsimons wrote: Have look at http://archivist.incutio.com/viewlist/css-discuss/72983 in the list archives and see if it helps - I know the original question was to do with :hover, but a large background image would show the same effect. There are other related posts in the archives; see http://www.google.co.uk/search?q=site%3Aarchivist.incutio.com+background+image+ie+flicker HTH, Nick. __ 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] Drop-down menu IE6 problem
I have used a css drop down menu list structure on several sites very successfully. I'm using it again on a site under development. The menu works fine on all browsers EXCEPT IE6 Win (works under IE7 beta too!) Homeowner's Guide should display five submenu items on mouseover. I've crawled through the css and the html. The IE helper javascript is the same file used on my other sites... I'm looking for a clue. html- http://www.homelitecustomwindows.com/index.html css-- http://www.homelitecustomwindows.com/master.css js--- http://www.homelitecustomwindows.com/ddmenu.js Note that the 'UL' reference in the js code matches 'ul' -- tried that, no joy -- the code is called, when I move it a level higher it hid and unhid the main nav bar ul. P.S. I know it's also broken on Mac IE 5.2 but that's another matter that will not be addressed -- IE Mac is dead. TIA, -- Marc Marc W. Wolfgram MacCetera LLC 262-367-8800 http://www.MacCetera.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/