[css-d] FF gap disappears with Border set to none?
http://tinyurl.com/2d279b Can someone explain this? I was getting a 10px gap between the footer div and the maincontent with the body background color showing through in FF - but IE7 showed it the way I intended with no gap. When I added a border and then set it to none on the p.addr in the footercontent div the gap disappeared and it looks correct in both IE7 and FF. Here is the line I added: border: 1px solid yellow; border: none; What's with that and how does it make any sense? __ 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] Vailiation
On 19/04/07, Arthur Maloney [EMAIL PROTECTED] wrote: I'm familiar with W3W validation service. A lot of the time I'm working on a laptop and the Internet is not available to me. Does anybody know of a validator I can download (bought or free). http://jigsaw.w3.org/css-validator/DOWNLOAD.html -- 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/
Re: [css-d] FF gap disappears with Border set to none?
Hi Robert, This is a collapsing margin issue. As usual, the correct behavior is the FF rendering way *showing the gap*. Have a look at: http://css-discuss.incutio.com/?page=CollapsingMargin Mauricio Samy Silva - Original Message - From: Robert Lane [EMAIL PROTECTED] To: Css-Discussion Group css-d@lists.css-discuss.org Sent: Thursday, April 19, 2007 6:10 AM Subject: [css-d] FF gap disappears with Border set to none? http://tinyurl.com/2d279b Can someone explain this? I was getting a 10px gap between the footer div and the maincontent with the body background color showing through in FF - but IE7 showed it the way I intended with no gap. When I added a border and then set it to none on the p.addr in the footercontent div the gap disappeared and it looks correct in both IE7 and FF. Here is the line I added: border: 1px solid yellow; border: none; What's with that and how does it make any sense? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] yet another drop down menu
At 12:29 PM -0400 4/17/07, jeffrey morin wrote: hi everyone, sorry in advance for the stupid questions but i am not grasping how to get the drop down menu to work in ie. here is my link: http://bioneutrix.com/about_bioneutrix.htm the javascript is in the head section and i got that from this article: http://alistapart.com/articles/horizdropdowns unfortunately i can't get it to work right. the drop down will appear but i can't hover over it and navigate through the links. can someone please help me on this it's driving me nuts. Thanks in advance, Jeff Jeff: Perhaps this will help: http://sperling.com/examples/menuv/ Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Background Image flash on initial hover
Hi everybody, just wondering if anyone can shed light on why the background image on the LAWYERS click here to JOIN NOW! link flashes blank for a second upon initial hover on this site http://mrrepublic.aphexhosting.com/MRRE_for_Lawyers/ Thanks for checking Rolland __ 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] IE 1-pixel bug
~davidLaakso wrote: brian wrote: In IE 6 7, i'm seeing a 1-pixel or so shift to the right in the text that is inside #content where it runs beside #nav. That is, below the bottom of nav, the text correctly hugs the left side of #content. It's sort of like text wrapping around a float, but actually seems to be that a 1- or 2-pixel magical buffer is being created to the right of #nav. http://www.zijn-digital.com/css-d/1-pixel-shift.html I think it may be a win/IE 3px jog-- corrected in IE7.0 (I think). One fix is: /* Hides from IE5-mac \*/ * html #content {height: 1%;} /* End hide from IE5-mac */ Closed the gap for me in IE6.0 (local :: xp) See: http://www.communitymx.com/content/article.cfm?page=2cid=C37E0 Right you are! I knew this looked familiar. I should have clued-in when i first realised that it was actually more than a single pixel. Also note: this was *not* occurring with IE7. My WinXP box is toast atm so i couldn't test it myself. And i thought the client had only IE7, but he uses 2 computers. It turns out that we were both seeing this bug in IE6. Thanks for the reply. b __ 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] rubbish on http://css-discuss.incutio.com/?page=FrontPage
goto: http://css-discuss.incutio.com/?page=FrontPage then: resizing images there are links to sites on: - safes - paris hilton - etc. 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] Vailiation (Validation)
Does anybody know of a validator I can download (bought or free). https://addons.mozilla.org/en-US/firefox/search?q=validatorstatus=4 I'm using the one from Mark Guery, and it works well. It's visible as a button in the browser window (green for good, red for wrong) with the errors shown right in the source code window, in a sub-frame. It highlights the line(s) the problems reside in. If you click on the problem in the problem list it shows where in the source code it is. Very nice, very helpful timesaver. As you can see, there are others. -- Best regards, bj mailto:[EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF gap disappears with Border set to none?
Mauricio Samy Silva wrote: This is a collapsing margin issue. It would have been a 'collapsing margin' issue, but in this case... http://tinyurl.com/2d279b ...the potential margin is _zeroed out_. The... border: 1px solid yellow; border: none; ...doesn't make any sense since the border is declared on - and then removed from - the wrong element. There _is_ no border on p.addr, and having one would not have any effect - regardless of whether the margin is zero or something else on p.addr itself. Collapsing margins are confusing enough in themselves, but in this case it looks like the margins was zeroed just before the fix was added, so the fix seems to have an effect even if it doesn't. --- The only effect of such an add fixes until it works approach, is that one may lose track of which fix actually worked and which didn't. Lots of half-tested fixes around on the web... It is important to go all the way back by removing fixes until the problem appears again, and then add and keep only one fix at a time until the problem and which fix to use us sorted out. Repeat a few dozen times for each problem - until one is sure the problem is understood and one is using a good fix for it, and then make notes for the next time the same or similar problems occur. A good set of notes will save hours and days of frustration and head scratching in future projects. --- *Containing collapsing margins* - one way or another... If elements inside a container have vertical margins that should be contained, then it's the _container_, #footer or #footercontent in this case, that shall have a contain all margins declaration. IE/win already got a contain all margins declaration - 'height: 760px' on #footer, although that's of course just one of the against all standards effect a 'hasLayout'[1] trigger always has. More standard compliant browsers do need an actual border-top or an actual padding-top - alternatively a declaration causing the establishment of a new 'block formatting context'[2] on the container - on #footer or #footercontent in this case. Even a 'clearing' element between the element with the problematic margins and the edge of the container itself, will do. --- Of course: the simplest way to solve 'collapsing margins' problems is to zero out all potentially problematic margins - as was done in the original case in this thread. Some actually promote such an approach. I'd call that a pretty limited or limiting solution, since having *no* margins means I've lost a vital ingredient, and adding *new* margins will cause any problematic 'collapsing margins' to pop up again. I don't like to design within such limitations, so I prefer to be in control of the problem itself - whenever it occurs. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html [2]http://www.w3.org/TR/CSS21/visuren.html#q15 -- http://www.gunlaug.no __ 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] Scroll Bar Question
Is there a way to have the scrollbar not disappear in Firefox if the page height is less than the browser window? Steve LaBadie, Web Manager East Stroudsburg University 200 Prospect St. East Stroudsburg, Pa 18301 570-422-3999 [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] http://www.esu.edu http://www3.esu.edu __ 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] ie6 png nightmare
Yes I ran into this as well. It turns out that the path for the image loader is relative to the /page/ that the image is being displayed in - not the CSS file. I had to move this into a conditional comment on each page because I don't have all my pages in one directory, or even at the same level (so I couldn't consistently use ../location-of-image). Drove me nuts for a while too :-) i am not sure i understand. do i have to move both the png and the blank gif into the same folder as my css file then? First, you don't need the blank gif unless you're going the javascript route (i may be wrong here as i haven't seen your complete setup). As for the location of the image, you're best off placing it in a particular directory and providing the absolute path to it, eg. /images/headers/logo.png. The point is that, with ../logo.png, the filter will otherwise always be looking for the image in the directory above the HTML page the CSS is being evaluated for. This severely limits where you can create pages. By providing an absolute path, it will always point directly to the image because it is not being evaluated from the position of the HTML file in the hierarchy but from document root--which never changes. I rarely use relative paths that point up the hierarchy, rather than further down. I can't remember the last time i did, in fact. Use absolute and save yourself some headaches. Also, are you sure you want to be using 'scale'? My guess is that you'd probably want sizingMethod='image' for a logo. What you have is for scaling the image to fit the container you're applying the filter to. That might not be what's best here. http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp http://msdn.microsoft.com/workshop/author/filter/reference/properties/sizingmethod_1.asp b __ 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] Sliding doors tabs not working
CSS-d, I may have missed something obvious, but I've gone over the tutorial here: http://alistapart.com/articles/slidingdoors/ ... and when I get to the Finishing Touches part, somehow my tabs aren't behaving as the example tabs are. My site is here: http://formever.org And the relevant CSS is: .mainNavigation li{ height:30px; display:inline; list-style-image:none; text-align:center; float:left; background:url(tabright.png) no-repeat right top; margin:0; padding:0 0 0 10px; } .mainNavigation a{ display:block; background:url(tableft.png) no-repeat left top; padding:5px 20px 4px 10px; text-decoration:none; color: black; } Any advice about where I messed up would be most appreciated. -- Dave M G Ubuntu 7.04 Feisty Fawn Kernel 2.6.20-15-generic Pentium D Dual Core Processor __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS I/O Error: Stream closed
I have made a website and the CSS validates on most pages (only one CSS and the same throughout entire website), however, on same pages the CSS Validator gives me the following error message: You might want to provide a link to the page that isn't validating and its css file. CSS Validator Error I/O Error: Stream closed. (I am just making a kind of educated guess here... I hope it helps) Usually I/O Error means Input/Output Error. Stream closed usually refers to the information being transported. All data flowing in and out of programs goes through a systems kernel to make sure the data goes to the right place. In this case this error report seems to be telling you that there is problems with communication between the CSS Validator and the server your pages are on. You could try validating your CSS by File Upload and see if the CSS Validator is successful that way. Leebroderick __ 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] Scroll Bar Question
Steve LaBadie wrote: Is there a way to have the scrollbar not disappear in Firefox if the page height is less than the browser window? Set height on body to 101%. 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] yet another drop down menu
Just one thing I noticed: It seems you copy-paste the javascript, without removing the '' character they use to indicate 'newline'. Specifically, these two lines here: [quote] this.className=this.className.replace» ( over, ); [/quote] should appear on a single line Additionally, I think IE 7 lets you do :hover rules on li tags, so this might all be needed only if you are targetting IE 6 on Win. HTH, F.O.R. On 4/17/07, jeffrey morin [EMAIL PROTECTED] wrote: hi everyone, sorry in advance for the stupid questions but i am not grasping how to get the drop down menu to work in ie. here is my link: http://bioneutrix.com/about_bioneutrix.htm the javascript is in the head section and i got that from this article: http://alistapart.com/articles/horizdropdowns unfortunately i can't get it to work right. the drop down will appear but i can't hover over it and navigate through the links. can someone please help me on this it's driving me nuts. Thanks in advance, Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 Related Issue with Alignment on a CSS/XHTML Drop Down Menu
Hello All, This is my first time posting here, but it looks like a very valuable resource that I hope to become involved in. So my question is related to IE7's weird rendering of my horizontal drop-down menu. The site is http://www.advisorsite.ca and it renders fine in Safari, Firefox (win and mac) and IE 6. When you mouse over the links in IE7, the drop-down menus appear offset slightly high and far to the left... I've tried a number of fixes and haven't been able to get it to display right. Please can anyone shed some light on this problem. Alternatively (or additionally) it would be great to be pointed in the direction of some concise resources for FULL cross-browser compatibility (just when I think I have IE tamed, they bring our IE7!) Thanks in advance, Todd Baylis __ 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: bug (?) on divs display: none / block toggle with javascript and overflow: auto
Hello, I have an issue with the following page: http://fruey.free.fr/maps/map_with_nav2.php?CATID=94142 In the right hand column, there is a container with 4 divs inside of it (they are populated via DOM updates in the page javascript). div id=info_pane_hotel/div div id=info_pane_resto/div div id=info_pane_theatre/div div id=info_pane_evt/div At any one time, three are hidden (display:none) and by clicking on the icon at the top of the block, you toggle the one which is not hidden (display:block) via a javascript function act_tab(). In Firefox this works OK - there is a separate issue with slowness, I'd be grateful if anyone could respond to this too, but I doubt it's much to do with CSS: http://groups.google.com/group/Google-Maps-API/browse_thread/thread/ef2205f49bf100b6/ MAIN ISSUES : In IE7, there are two issues 1. Clicking the theatre tab (the mask) causes the div with theatre offers in it to appear way down the block, as if one of the other divs is being set to visibility:hidden instead of display:none (not an issue in Firefox) 2. Clicking the events tab (the blue eye) shows a div with a scrollbar _and_ the content repeated below it, like the content was being repeated twice. (not an issue in Firefox) Any insight much appreciated. Please note this is a public beta site, and only the Google Group and this list are aware of it. [Sorry in advance for using Outlook as my MTA, according the way your terms for this list are phrased I expect this may annoy some people]. Regards, -- Simon White, French Site Manager http://www.fr.lastminute.com le site de voyages et de loisirs 54/56 boulevard Victor Hugo - 93 585 Saint-Ouen Cedex Tél : +33 1 49 21 68 34 | Fax : +33 1 49 21 67 91 __ 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] Centering into the browser
Hello Gurus of Great Graphics, Can someone take a look at this page (I finally got to do one from scratch instead of updating old stuff! ;-) http:www.pierceartanddesign.com/testfiles/ and perhaps point me in the right direction to get the page centered into the browser window? I tried the method described here http://www.bluerobot.com/web/css/ center1.html but it didn't seem to work. Suggestions are greatly appreciated! Thank You in Advance ;-Dave __ 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] Centering into the browser
On 4/19/07, Dave Pierce [EMAIL PROTECTED] wrote: Hello Gurus of Great Graphics, Can someone take a look at this page (I finally got to do one from scratch instead of updating old stuff! ;-) http:www.pierceartanddesign.com/testfiles/ and perhaps point me in the right direction to get the page centered into the browser window? you only need margin: 0 auto; not margin: 0 auto auto 0; __ 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] Centering into the browser
Dave Pierce wrote: Hello Gurus of Great Graphics, Can someone take a look at this page (I finally got to do one from scratch instead of updating old stuff! ;-) http:www.pierceartanddesign.com/testfiles/ and perhaps point me in the right direction to get the page centered into the browser window? I tried the method described here http://www.bluerobot.com/web/css/ center1.html but it didn't seem to work. It appears that you have the wrapper margin written incorrectly. The order kind of spells TRouBLe - that's TOP, RIGHT, BOTTOM, LEFT, or counter-clockwise from the top. So your wrapper margin should be: margin: 0 auto 0 auto; This can be shortened to: margin: 0 auto; 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] Centering into the browser
Change the margin of the main wrapper to auto. remove the 0. #wrapper { background-color: #fff9b7; text-align: center; width: 780px; height: 100%; margin: auto; } Anahita - Original Message From: Dave Pierce [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Thursday, April 19, 2007 2:21:09 PM Subject: [css-d] Centering into the browser Hello Gurus of Great Graphics, Can someone take a look at this page (I finally got to do one from scratch instead of updating old stuff! ;-) http:www.pierceartanddesign.com/testfiles/ and perhaps point me in the right direction to get the page centered into the browser window? I tried the method described here http://www.bluerobot.com/web/css/ center1.html but it didn't seem to work. Suggestions are greatly appreciated! Thank You in Advance ;-Dave __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering into the browser
To Anahita, Lori and DJ, Thank you all. Perfect fix. ;-Dave __ 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] Centering into the browser
| Dave Pierce wrote: | Hello Gurus of Great Graphics, | | Can someone take a look at this page (I finally got to do one from | scratch instead of updating old stuff! ;-) | http:www.pierceartanddesign.com/testfiles/ and perhaps point me in | the right direction to get the page centered into the | browser window? | I tried the method described here http://www.bluerobot.com/web/css/ | center1.html but it didn't seem to work. | | Lori wrote: | It appears that you have the wrapper margin written incorrectly. The | order kind of spells TRouBLe - that's TOP, RIGHT, BOTTOM, LEFT, or | counter-clockwise from the top. So your wrapper margin should be: | margin: 0 auto 0 auto; | This can be shortened to: | margin: 0 auto; | Lori Yes -- top, right, bottom, left -- which is clockwise, not counter-clockwise. Daniel Hammond 2227 Dunseath Ave. Atlanta, GA 30318 770-842-8817 www.objectivedesigns.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] Centering into the browser
Daniel Hammond wrote: Yes -- top, right, bottom, left -- which is clockwise, not counter-clockwise. Beg your pardon. Too many digital clocks :-) L __ 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] Centering into the browser
| Daniel Hammond wrote: | Yes -- top, right, bottom, left -- which is clockwise, not | counter-clockwise. | | | Beg your pardon. Too many digital clocks :-) | | L No worries. Just making sure everything is clear for everyone :) Daniel Hammond 2227 Dunseath Ave. Atlanta, GA 30318 770-842-8817 www.objectivedesigns.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] Centering into the browser
Hi Dave On 19/04/07, Dave Pierce [EMAIL PROTECTED] wrote: Can someone take a look at this page (I finally got to do one from scratch instead of updating old stuff! ;-) http:www.pierceartanddesign.com/testfiles/ and perhaps point me in the right direction to get the page centered into the browser window? I tried the method described here http://www.bluerobot.com/web/css/ center1.html but it didn't seem to work. I think you also need to change your #body declaration to text-align: center. WinIE 5 doesn't recognise the margin: auto declaration. Can anybody confirm this please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Centering into the browser
Richard Brown wrote: ...snipped... I think you also need to change your #body declaration to text-align: center. WinIE 5 doesn't recognise the margin: auto declaration. Can anybody confirm this please? Thanks. He has the text align on the wrapper division. Since his wrapper division encompasses all the remaining content, this works fine. 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] Sliding doors tabs not working
On 4/19/07, Dave M G [EMAIL PROTECTED] wrote: CSS-d, I may have missed something obvious, but I've gone over the tutorial here: http://alistapart.com/articles/slidingdoors/ ... and when I get to the Finishing Touches part, somehow my tabs aren't behaving as the example tabs are. My site is here: http://formever.org And the relevant CSS is: .mainNavigation li{ height:30px; display:inline; list-style-image:none; text-align:center; float:left; background:url(tabright.png) no-repeat right top; margin:0; padding:0 0 0 10px; } .mainNavigation a{ display:block; background:url(tableft.png) no-repeat left top; padding:5px 20px 4px 10px; text-decoration:none; color: black; } Any advice about where I messed up would be most appreciated. Hi Dave, if you zero down the padding on the mainNavigation li it will bring the links together. if you give the tableft.png a background color the same that you will be using, in this case white, it will cover up the tabright.png. the transparency of the png is what causes problems for you. hope that helps. i got that to work on ff for my mac. Jeff __ 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] Centering into the browser
Dave Pierce wrote: Can someone take a look at this page (I finally got to do one from scratch instead of updating old stuff! ;-) http:www.pierceartanddesign.com/testfiles/ and perhaps point me in the right direction to get the page centered into the browser window? I tried the method described here http://www.bluerobot.com/web/css/ center1.html but it didn't seem to work. http://css-discuss.incutio.com/?page=CenteringBlockElement John -- Perennial student + Impractical joker + CSS junkie = Big John http://www.positioniseverything.net __ 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 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] Fixed Layout in IE 6 - Standards Mode
Hi, I have been trying to get a fixed positioning emulation to work in IE 6 and can't quite get it. Most of the layout is fine except that the header won't extend all the way across the screen. It stops short by 150px, or the width of the sidebar. I would like to get this working in standards mode, not in quirks mode. Most the of the fixes I have found for this involve putting IE in quirks mode. Is there any way to fix this in standards mode? Test page: http://www.goethebooks.com/gentest/fixed_header_sidebar.html The CSS is right in the page. I'm using a conditional comment to make the scrolling work properly. Thanks, 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] This breaks completely in IE6 - request for help
Thank you, Jeff and Georg. looks like the double margin float bug. it does break in ie7 as well. try adding display inline to the first container floating left. hope that works A more cross-browser reliable styling is necessary, or else your design won't have a chance in non-Gecko browsers. Slightly improved example... http://www.gunlaug.no/tos/alien/rm/test_07_4560.html ...with CSS here... http://www.gunlaug.no/tos/alien/rm/jla2.css I don't know how many frustrating hours you have saved me. Regards Rachel __ 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 flash on initial hover
On 4/19/07, rollandburn [EMAIL PROTECTED] wrote: Hi everybody, just wondering if anyone can shed light on why the background image on the LAWYERS click here to JOIN NOW! link flashes blank for a second upon initial hover on this site http://mrrepublic.aphexhosting.com/MRRE_for_Lawyers/ Thanks for checking Rolland Hi Rolland, It does that because it has to go to the server to get the hover image. the way you set up the top nav works best because it just moves the position of the background instead of calling a completely different image. Jeff __ 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] font smoothing
I find this interesting. I work on a Mac 99% of the time doing development, but recently I've started a design for my new site. Italic text: FF Win doesn't smooth the text like IE Win does. (!?) Dare I say, the text looks better in IE Win, like it does on my Mac. I didn't find any setting in FF Win to change this, have I been missing this all along? - D __ 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] Scroll Bar Question
Is there a way to have the scrollbar not disappear in Firefox if the page height is less than the browser window? Set height on body to 101%. Rather, set height on html to 101%. b __ 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] Fixed Layout in IE 6 - Standards Mode
Lori Lay wrote: I would like to get this working in standards mode, not in quirks mode. Most the of the fixes I have found for this involve putting IE in quirks mode. Is there any way to fix this in standards mode? http://www.goethebooks.com/gentest/fixed_header_sidebar.html You can try with some modifications... http://www.gunlaug.no/tos/alien/test_07_4590.html ...that I think will work acceptable in IE6. regards Georg -- http://www.gunlaug.no __ 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 - ie7 leaving large gap in middle of page
hi i am working on this site and i can't figure out why ie7 (probably 6 too but i don't have ie6 to test at home) is putting the space in the middle. if you scroll a little you will see a huge gap. i tried to zero the bottom margin on the paragraph above the space but it still leaves some gap and then has odd paragraph spacing. i even tried closing the content div and putting the background div under it and still had a gap. can someone please take a look and help me out with this. it's been driving me nutty http://melissagerstein.com/tests/rtb/ringtone-lingo.htm thanks in advance if you can help Jeff __ 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] Fixed Layout in IE 6 - Standards Mode
Gunlaug Sørtun wrote: Lori Lay wrote: I would like to get this working in standards mode, not in quirks mode. Most the of the fixes I have found for this involve putting IE in quirks mode. Is there any way to fix this in standards mode? http://www.goethebooks.com/gentest/fixed_header_sidebar.html You can try with some modifications... http://www.gunlaug.no/tos/alien/test_07_4590.html ...that I think will work acceptable in IE6. Thanks Georg. That is much better. I would love to know how setting the margin on the content division makes the header go all the way across now! Still one minor detail: when there is no scrollbar in IE, the header still stops as if there is one. Is there any way to make the header span the page when there's no scrollbar, but to adjust properly when there is one? Thanks again. 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] Fixed Layout in IE 6 - Standards Mode
Lori Lay wrote: Still one minor detail: when there is no scrollbar in IE, the header still stops as if there is one. Is there any way to make the header span the page when there's no scrollbar, but to adjust properly when there is one? The easiest solution is to keep the scrollbar regardless of page-length - like IE/win does by default. I have a mode independent CSS based solution here... http://www.gunlaug.no/contents/wd_additions_17.html ...where the scrollbar is locked in place. However, I prefer to use mode independent IE-expressions... http://www.gunlaug.no/contents/wd_additions_15.html ...as I find them much easier to work with. regards Georg -- http://www.gunlaug.no __ 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] yet another drop down menu
Additionally, I think IE 7 lets you do :hover rules on li tags, so this might all be needed only if you are targetting IE 6 on Win. I find that IE7's implementation of this is buggy: http://www.sunburnt.com.au/publications/design/css_menus/clean.html In some cases, submenu ul's will be displayed as 'block' instead of 'none'. This could also be something wrong with the selector. HTH, F.O.R. On 4/17/07, jeffrey morin [EMAIL PROTECTED] wrote: hi everyone, sorry in advance for the stupid questions but i am not grasping how to get the drop down menu to work in ie. here is my link: http://bioneutrix.com/about_bioneutrix.htm the javascript is in the head section and i got that from this article: http://alistapart.com/articles/horizdropdowns unfortunately i can't get it to work right. the drop down will appear but i can't hover over it and navigate through the links. can someone please help me on this it's driving me nuts. Thanks in advance, Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Ninth Avenue Software p: +61 7 3137 1351 (UTC +10) f: +61 7 3102 9141 w: http://www.ninthavenue.com.au e: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] yet another drop down menu
On 4/19/07, Roger Keays [EMAIL PROTECTED] wrote: Additionally, I think IE 7 lets you do :hover rules on li tags, so this might all be needed only if you are targetting IE 6 on Win. it does seem buggy. it may be just a spacing issue but it currently will not allow scrolling over all of dropdown/pop out menu items. i am able to get to the first link but if i try to get to the next one the gap seems to cause the menu to collapse Jeff __ 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] spacing issue with IE6
The following website looks the way I want it to in IE6 (equal spacing between the nav, the content and the edges.). In IE7 Firefox, there's a large gap in the middle and tiny gaps on the left right. I am floating the left column (with the navigation) left, and the right column (with the content) to the right. What am I doing wrong here? (I realise that all these pixels only add up to 746 across with the #navigation #content, but I had to do that for IE6 so it would fit). I'm obviously missing something simple. Doh! http://www.tokofurniture.com/aka #main {position: relative; background-color: #feffcd; border: 0px #00 solid; width: 770px; margin: 0 auto; font-size: 115%; font-family: Verdana, Helvetica, Arial, sans-serif; background-image: url(images/mainpaper.gif); background-position: center;} #navigation {width: 175px; float: left; margin-left: 8px;} #content {width: 555px; float: right; margin-right: 8px; margin-bottom: 5px;} Joanne __ 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] spacing issue with IE6
Joanne wrote: The following website looks the way I want it to in IE6 (equal spacing between the nav, the content and the edges.). In IE7 Firefox, there's a large gap in the middle and tiny gaps on the left right. I am floating the left column (with the navigation) left, and the right column (with the content) to the right. What am I doing wrong here? (I realise that all these pixels only add up to 746 across with the #navigation #content, but I had to do that for IE6 so it would fit). I'm obviously missing something simple. Doh! http://www.tokofurniture.com/aka That's an IE6 bug: it doubles some margins on floats [1], add display:inline to them to fix this. You will get the same narrow gaps on the left and right like in Firefox, so you can then adjust your values for all. hth, Bruno [1] http://www.positioniseverything.net/explorer/doubled-margin.html -- Bruno Fassino http://brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] help - ie7 leaving large gap in middle of page
jeffrey morin wrote: i am working on this site and i can't figure out why ie7 (probably 6 too but i don't have ie6 to test at home) is putting the space in the middle. if you scroll a little you will see a huge gap. i tried to zero the bottom margin on the paragraph above the space but it still leaves some gap and then has odd paragraph spacing. http://melissagerstein.com/tests/rtb/ringtone-lingo.htm At the moment I don't see a 'huge' gap, but rather a stripe where there is no background. That's normal: you have a background image on #contentLingo set no-repeat, and the amount of contents (paragraphs) that you have inside is longer than the image's height. That also depends on text-size. Try changing font-size and you will see this stripe change its height. If this is the problem (but from your description I'm not sure) you will have to restructure a bit where you put your backgrounds... hth, Bruno -- Bruno Fassino http://brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/