Re: [css-d] page check :: ~dL
David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL Looks great! Don't know exactly what I have to look for. A small hint for tired me? A duplicated character in the Lorem ipsum text? :) There is a difference in the margins of the floating small photographs in the columns, comparing IE7 (normal margins) and the rest of the IE's (duplicated). I think this is because IE7 is running in standards mode, despite your xml declaration. In IE 7, an xml declaration no longer changes the rendering mode ... inserting a comment before the doctype (but after the xml declaration) will still trigger quirks mode in IE 7 [1] [1] http://www.satzansatz.de/cssd/quirksmode.html But I fear this is not what you've meant. Ingo PS: For the anger management seminar: I thought this is what css-d is about. http://www.satzansatz.de/cssd/quirksmode.html -- http://www.satzansatz.de/css.html __ 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] Stop textarea expanding outside fieldset??? (when textsize changed)
On Sun, 8 Jul 2007, Greg Hauptmann wrote: Can anyone confirm how to stop a TEXTAREA expanding outside the bounds of its enclosing FIELDSET (which has a border) By setting textarea { width: 97%; } The reason for not setting the width to 100% is that a fieldset element has default padding (and it's normally not a good idea to remove it). The reason for using width instead of the more logical max-width is that IE 6 does not support the latter. when the TEXT SIZE is changed (increased)??? The setting I mentioned works, with the usual CSS Caveats of course, independently of text size. Is this possible? via HTML or CSS or otherwise? Via CSS. Not in HTML, since in HTML, you can set the width of a textarea as number of characters only, via the cols attribute. Note that the cols attribute is required by HTML syntax rules and should have a useful value, since it determines the width when CSS styling is disabled. -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ 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] page check :: ~dL
On 08-Jul-07, at 10:55 AM, David Laakso wrote: Comments, suggestions, and links to an anger management seminar appreciated. [1] http://www.chelseacreekstudio.com/ca/ct1/ As always, I wish I'd picked out those colours myself. I tried very hard to break it in the browsers (all OS X) that I have available to me, to no avail. Perhaps that is a feature? Best, - Rahul. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [CSS] :active problem
Hi, I have a link on which the user can click, which is actually an image (an arrow). When he clicks on the arrow, the arrowmust change color : .jcarousel-skin-tango .jcarousel-next-horizontal { [...] background: transparent url(next-horizontal-1.bmp) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: transparent url(next-horizontal-2.bmp) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background: transparent url(next-horizontal-3.bmp) no-repeat 0 0; } In Mozilla when the user clicks on the arrow, the arrowis chaning to next-horizontal-3.bmp for a short moment, then next-horizontal-1.bmp. But in IE the problem is that the image stays next-horizontal-3.bmp. Can anyone help me with this ? Thank u for any help ! __ 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-d Digest, Vol 56, Issue 11
Hello, thanks for your message but I'm on holiday now until the 16th July. If its urgent, please contact me on my mobile otherwise I'll get back to you on my return. Kindest Regards Dan. __ 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] page check :: ~dL
I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ David, I just opened up IE5.01 and, as far as I can tell, it works perfectly! Good work! could he be looking in IE4??!! Find some stats that show no one uses IE4 anymore ? maybe he has something really weird going on with his IE(s). I couldn't tell any difference between mozilla and IE5.01 and, without exploring very much more, that means it rates *excellent*, to me. cheers and good luck finding an anger management seminar, I notice that no one has any suggestions Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.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] [CSS] :active problem
On Jul 8, 2007, at 7:53 PM, Thomas Thomas wrote: In Mozilla when the user clicks on the arrow, the arrowis chaning to next-horizontal-3.bmp for a short moment, then next-horizontal-1.bmp. But in IE the problem is that the image stays next-horizontal-3.bmp. Because IE is completely br0ken. In Gecko based browsers (Mozilla, Camino, SeaMonkey, Firefox), and other modern UA, as soon as the user release the mouse-button, the state is changed to a:focus (that is the expected behaviour: the link is not longer 'active' ='being clicked'). IE windows remains in the 'active' state, as long as the user doesn't click on something else in the page. Not much can be done about this, except rewriting the Trident rendering engine. There might some javascript thingies floating around that forces IE to recognise the focus but not active state. I don't know, though. PS = you should use a more web-friendly/cross-platform-friendly image format than .bmp (proprietary Windows), like .png or .gif. Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] bg divs with banner
On Jul 8, 2007, at 12:37 AM, [EMAIL PROTECTED] wrote: Here's the effect I'm trying to achieve (set up in images and HTML): http://ecologic.taopowered.net/templates/webtest/design4b.htm How do I set this up? You may try this method... http://www.gunlaug.no/tos/alien/us-nc/test-1.html regards Georg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Does line-height override height in IE6 and lower?
On Sat, 30 Jun 2007, Ingo Chao wrote: Matt Dawson wrote: ... I have an unordered list. Each list item is a single word long and has a height of 12px applied to it. However, in IE6, the base line-height I've applied earlier in the document (which is part of a collection of general browser reset rules I use for all my projects) is calculating to a value larger than 12px. In all browsers except IE6 and lower, changing the height does what I expect. That is, if I make the height of the list element 2px, all but 2px of the list element's content disappears. In IE6, because the line-height is calculating to a larger value, changing the height has no effect. Is this part of an already documented bug? ... It is called the expanding box bug http://www.positioniseverything.net/explorer/expandingboxbug.html I don't know what the OP's problem really is, since no URL was given, and the description made me confused - why would one set list element height two pixels? If the author wants to make the list items 12px high, it would seem to be appropriate to set their line-height to that value (though I doubt whether it's a good idea to want this). Anyway, the document you mention is rather old and it describes some of the many consequences of IE's wrong treatment of overflow. In particular, the demonstrations do not demonstrate the problem on IE 7, since they have doctypes that trigger Standards Mode and in that mode, IE 7 handles overflow properly. -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ 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] page check :: ~dL
~davidLaakso a écrit : A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/ct1/ Hi Mac OS X Firefox 2.0.0.4 and the geckos (Mozilla, Netscape) #secondary img.rht {index.css (line 465) display:block; float:right; margin:6px 3% 3px 0pt; / Why ? In some cases text could touch your image, margin:3px; should not be better? max-width:95%; } Safari The last li don't touch the right border. Why ? I don't know. Maybe it needs some width ? .menu li a.c6:hover, .menu li a.c6:active {index.css (line 315) background-color:#660033; border:3px double #FF; color:#FF; } .menu li a.c6:link, .menu li a.c6:visited {index.css (line 309) background-color:#94854F; border:3px double #FF; color:#FBFFDB; } .menu li a {index.css (line 241) border:3px double #FF; display:block; margin:0pt 1%; padding:3px 0pt; text-decoration:none; } Inherited fromli .menu ul li {index.css (line 232) font-family:HelveticaNeue,'Helvetica Neue','Luxi Sans',Helvetica,Verdana,sans-serif; font-size:110%; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none; } Opera 9.01 Same as Safari and the woman has a great right margin #primary img.rht {index.css (line 401) display:block; float:right; margin:6px 6% 3px 1%; max-width:95%; } iCab (I know, only the author and I we use it) TPLITC TODAY The T of TODAY comes over the C of TPLITC IE Explorer Mac did not find the CSS And last a æsthetics opinion topnav could have the same background than header ? #topnav {index.css (line 35) background-color:#CCC473; color:inherit; left:0pt; position:absolute; top:0pt; width:100%; } Hope it helps Cordialement Luis __ 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] page check :: ~dL
On Jul 8, 2007, at 1:25 AM, David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. It does work just fine -- unless you count that the left add may overlap the last nav-element on extremely narrow windows and font- size 'largest'. Comments, suggestions, and links to an anger management seminar appreciated. For links to anger management seminars: ask Killer ... or maybe you want need one once you've had a chat with him. [1] http://www.chelseacreekstudio.com/ca/ct1/ regards Georg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check :: ~dL
Rahul Gonsalves wrote: On 08-Jul-07, at 10:55 AM, David Laakso wrote: Comments, suggestions, and links to an anger management seminar appreciated. [1] http://www.chelseacreekstudio.com/ca/ct1/ As always, I wish I'd picked out those colours myself. I tried very hard to break it in the browsers (all OS X) that I have available to me, to no avail. Perhaps that is a feature? Best, - Rahul. Thank you, Rahul. And /if it were up to me/-- I'd strip out almost all of those colors-- they just make it dirty and hard to read... Regards, ~d PS Nice to see you on the list after a long absence. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check :: ~dL
At 1:25 AM -0400 7/8/07, David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL ~dL: When he says work, what does he mean? It works in all my requirements. As always, your design is exceptional and your presentation flawless -- few things are harder to put up with than the annoyance of a good example. Cheers, tedd PS: anger management :-) -- --- 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/
Re: [css-d] page check :: ~dL
Luis Speciale wrote: ~davidLaakso a écrit : A page check with with whatever you are running is appreciated. http://www.chelseacreekstudio.com/ca/ct1/ code and specific issues mentioned trimmed Luis Luis, you have raised some very good points and I appreciate your thorough and thoughtful reply. I will look into and attempt to correct those issues. Incidentally, mac/ie5.2 /is/ finding the style sheet and behaving correctly-- the styles are hidden from her using the @media screen {... } rule. And I /think/ iCab is incorrectly handling the minus word-spacing for h1 and h5. This has been hacked for win/ie 7 through 5.5 who also get it wrong. I think I'll just have to wait for iCab to catch up. I agree with your aesthetic comment-- that was a client call, not mine. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check :: ~dL
Donna Jones wrote: [1] http://www.chelseacreekstudio.com/ca/ct1/ David, I just opened up IE5.01 and, as far as I can tell, it works perfectly! Good work! could he be looking in IE4??!! ...trimmed] cheers and good luck finding an anger management seminar, I notice that no one has any suggestions Donna Thanks Donna. I neglected to mention that by all versions of IE I meant win/ie versions 7 through 5. Best, PS As far as anger management seminar is concerned, a liquid lunch may have to suffice. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check :: ~dL
David Laakso wrote: [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL It even works on my Dell laptop (IE 6) - with UseHR on or off. FWIW, Lynx and Fangs are also happy. 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] page check :: ~dL
Ingo Chao wrote: David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL There is a difference in the margins of the floating small photographs in the columns, comparing IE7 (normal margins) and the rest of the IE's (duplicated). I think this is because IE7 is running in standards mode, despite your xml declaration. In IE 7, an xml declaration no longer changes the rendering mode ... inserting a comment before the doctype (but after the xml declaration) will still trigger quirks mode in IE 7 [1] [1] http://www.satzansatz.de/cssd/quirksmode.html But I fear this is not what you've meant. Ingo PS: For the anger management seminar: I thought this is what css-d is about. http://www.satzansatz.de/cssd/quirksmode.html The xml declaration has been deleted. I put 6 and down in quirks temporarily to double check rendering between ie in quirks versus ie's flaky standards mode. Thanks for the reminder. I wonder if the small image issue may(?) have something more to do with poor coding practice, on my part, as all images in the content section are rendering a little /more/ strangely than they should depending on the OS/browser being used. I will attempt to do better. Thank you. ~d -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check :: ~dL
L Lay wrote: David Laakso wrote: [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL It even works on my Dell laptop (IE 6) - with UseHR on or off. FWIW, Lynx and Fangs are also happy. Lori These are important considerations in my book, as is Phlippe's (off-list) recommendation to add the focus state to the links for keyboard users. Thank you. ~d -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE gives my nav more pixels
On 07-Jul-07, at 7:12 AM, Max Lynch wrote: I have a horizontal menu displayed about 97px from the top of the browser window. Above this are two divs, the left one displays an image and is displayed Inline, the right one displays another image and a small form. My navigation menu is a ul and its position is relative. What im seeing in IE is my navigation is off by a couple pixels on the top like there is a margin, but FireFox displays it fine. [ trimmed ] Sorry Max, no PC access at the moment. I would suggest removing the explicit height decorations; they are somewhat redundant. In your #navMain rule, you have a 'border: none medium;'. I'm not sure what browsers do with that rule, but I would suggest removing it, along with the 'position: relative;'. You are also drawing an unnecessary horizontal scrollbar, even when my browser window is maximised (~1280px). Furthermore, you have 50px of padding on your footer, which looks excessive, in my opinion. Best, - Rahul. __ 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] Horizontal Navigation
Hello List Members, I'm in the process of designing my website with CSS for the first time. I have a CSS sub navigation using an icon graphic only (no text). In IE 7 everything aligns pretty good. However, in Firefox 2.0 (win XP) the icons seem to be shifted about 5-6 pixels downward. Only the top 2/3 of the icon is showing. It seems the li tag is being pushed downward. Any ideas? - George NOTES: I added the black border around the ul tag for visual purposes. In the list, I'm using a transparent spacer.gif to generate the hover state and showing the actual icon with the background element. Firefox vs IE: http://gpalzproductions.com/v3/subnav.jpg PAGE: http://gpalzproductions.com/v3/gallery.html CSS (see /* PORTFOLIO SUB NAVIGATION */ code block): http://gpalzproductions.com/v3/stylesheet/style3b.css __ 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 and FF difference killing me...
On 7/5/07, Mark Finney [EMAIL PROTECTED] wrote: I have submit this same problem over the last couple of days, but the problem persists! The site layout is very simple, a fixed width column, with a centred image for the header. However, IE pushes the image 1 px left and off center whereas FF treats it as expected... A test page demonstrating the issue is here: www.helpusmarry.co.uk/test/ I am using IE6... Someone please explain what is happening! The coding is so basic, the only issue I have is with the positioning of the header img, the page is just a quick knock up to illustrate the problem. I have tried using a background image with css, and inserting the img directly into the html document with identical results. If I stare really really hard I can just see the problem at some viewport widths (IE and Opera) - given that it comes and goes as you change the viewport width it is almost certainly a rounding error. You could try eliminating the text-align:center on body, or serving it only to IE 5.5 and older (plus ensure IE6 is in standards mode) -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ 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] Firefox and IE - and using opencube
Hi. I have used opencube to create 2 menus -a top and side navigation; I have then taken a dreamweaver css template and used cfinclude and included the two menus. The purpose , of course, is to allow any changes to the menus to show up on every page. although the page is not quite where i want it to be, its fine in ff and terrible in IE 7.. please help! http://www.amda.com/education/annsym08/nav3.cfm Thanks. Lauri Pinpoint customers who are looking for what you sell. http://searchmarketing.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] Site check for good housekeeping
Hello, list. We've been working on this site: http://firms.law.indiana.edu/about/blank.shtml devoted to the empirical research of law firms and markets. The intended audience is an academic one, and the browser level is the Geckos, IE 6 and 7, Safari, hopefully Opera--behaving browsers plus IE6. I've tested what I can here (IE 6 and 7, Fox 2.x, 3.x alpha on Windows; Fox 2.x on Linux) and Fox 1.5x and Safari 2.x at browsershots.org). I'd appreciate your review. I'm interested in any critique you'd care to make, including visual design and its CSS design and implementation. The elements in the CSS mix include: - faux column - negative margin on a floated element - flexible content column - content and more info/navigation sit in a centered box I've also included some comments in the CSS to say the role and relationship among some key rules (as I see that, anyway). My own comments are these: - across-site navigation needs more visual work - right-side more info use needs consultation with client on IA - IE6 appears to ignore sidenav negative margin, pushing both it and pagebox's right margin far to the right. I overcame that with relative positioning, hopefully fed to IE Win 6 and less alone. Is there a better fix than crud in the CSS? - the floated-left content column includes a 6px top border that allows me to see the width the div does not consume. It would be great to consume all the available width, but so far I haven't been able to achieve that without breaking the layout. - I'd wanted flexible page gutters (hinted with percent margins). But the left and right 1px border on pagebox has an expected bad effect on pagebox's width, and in IE we get scroll bars. Rather than add another level of containment in the html, I gave up, and made the gutters fixed width. ;-) Thanks everyone. __ 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] Horizontal Navigation
However... removing those 5 pixels would probably throw off the alignment in IE... Hmmm... Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gpalz Sent: Sunday, July 08, 2007 4:55 PM To: css-d@lists.css-discuss.org Subject: [css-d] Horizontal Navigation Hello List Members, I'm in the process of designing my website with CSS for the first time. I have a CSS sub navigation using an icon graphic only (no text). In IE 7 everything aligns pretty good. However, in Firefox 2.0 (win XP) the icons seem to be shifted about 5-6 pixels downward. Only the top 2/3 of the icon is showing. It seems the li tag is being pushed downward. Any ideas? - George NOTES: I added the black border around the ul tag for visual purposes. In the list, I'm using a transparent spacer.gif to generate the hover state and showing the actual icon with the background element. Firefox vs IE: http://gpalzproductions.com/v3/subnav.jpg PAGE: http://gpalzproductions.com/v3/gallery.html CSS (see /* PORTFOLIO SUB NAVIGATION */ code block): http://gpalzproductions.com/v3/stylesheet/style3b.css __ 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] Horizontal Navigation
Hi, George... Just a stab in the dark here, but I was looking at your subnav.gif image and was wondering if you took off 5 pixels of the bottom so that the bottom black area matched the border between the other colors, would the gray area then display properly? Taking off 5 pixels would make the total image height 66 and the 5 pixels you remove could account for 5 pixel shift downward... I can't test this idea since I can't substitute a cropped image... Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gpalz Sent: Sunday, July 08, 2007 4:55 PM To: css-d@lists.css-discuss.org Subject: [css-d] Horizontal Navigation Hello List Members, I'm in the process of designing my website with CSS for the first time. I have a CSS sub navigation using an icon graphic only (no text). In IE 7 everything aligns pretty good. However, in Firefox 2.0 (win XP) the icons seem to be shifted about 5-6 pixels downward. Only the top 2/3 of the icon is showing. It seems the li tag is being pushed downward. Any ideas? - George NOTES: I added the black border around the ul tag for visual purposes. In the list, I'm using a transparent spacer.gif to generate the hover state and showing the actual icon with the background element. Firefox vs IE: http://gpalzproductions.com/v3/subnav.jpg PAGE: http://gpalzproductions.com/v3/gallery.html CSS (see /* PORTFOLIO SUB NAVIGATION */ code block): http://gpalzproductions.com/v3/stylesheet/style3b.css __ 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] Bottom Chunk of Site Content Not Showing in IE6
Hi all! I'm working on http://www.zencart137.jadetrue.com. I recently made some changes as I wanted the site to be source ordered; now I'm using some absolute positioning, and for some unbeknownst reason, IE6 isn't scrolling all the way down the page. Can someone help me figure this out? Thanks! Jade True www.sagefish.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] Resizing leads to big trouble in little china
Hello all! I have been working on a design mockup - a copy of which is now at http://lbzm02.ust.hk/pagetest/mockup2.html Currently it validates for css and xhtml 1 transitional, and people here are mostly very happy with it. The big problem I am trying to eliminate is the moving/pushing down of much of the main right column if the window is smaller or the font-size is larger - in IE and FireFox and others. Clearly I have a conflict somewhere, but I cannot find it. To be honest, I am not very skilled at CSS - it's fun but aggravating. :) -Edward Spodick, Hong Kong [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] Horizontal Navigation
Hey Rick, I gave it a shot, but that didn't fix it either. I believe the problem stems from the transparent spacer.gif I'm using in the list to activate the hover state. When I remove the img tag in the list and replace it with text, the alignment issue is corrected in FF. Getting closer Change from this: ul class=subnav lia href=#img src=images/spacer.gif width=16 height=17 alt= border=0 //a/li lia href=#img src=images/spacer.gif width=16 height=17 alt= border=0 //a/li /ul to this: ul class=subnav lia href=#One/a/li lia href=#Two/a/li /ul gets me this: http://gpalzproductions.com/v3/subnav2.jpg Rick Faircloth wrote: However... removing those 5 pixels would probably throw off the alignment in IE... Hmmm... Rick __ 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 gives my nav more pixels
Thanks for the tips Rahul. I will spend some time and make those adjusments. I did fix the problem by the way. I forgot about the comment on the very top on my HTML file for the front-page, so IE was operating in Quirks Mode. I failed to check this because i removed it on every-other page :) After i removed this the nav menu is drawn perfectly, the way i want it anyway. Thanks for your response. On 7/8/07, Rahul Gonsalves [EMAIL PROTECTED] wrote: On 07-Jul-07, at 7:12 AM, Max Lynch wrote: I have a horizontal menu displayed about 97px from the top of the browser window. Above this are two divs, the left one displays an image and is displayed Inline, the right one displays another image and a small form. My navigation menu is a ul and its position is relative. What im seeing in IE is my navigation is off by a couple pixels on the top like there is a margin, but FireFox displays it fine. [ trimmed ] Sorry Max, no PC access at the moment. I would suggest removing the explicit height decorations; they are somewhat redundant. In your #navMain rule, you have a 'border: none medium;'. I'm not sure what browsers do with that rule, but I would suggest removing it, along with the 'position: relative;'. You are also drawing an unnecessary horizontal scrollbar, even when my browser window is maximised (~1280px). Furthermore, you have 50px of padding on your footer, which looks excessive, in my opinion. Best, - Rahul. -- Maxl __ 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/