[css-d] IE7 and div width
I'm hoping someone on this list will tell me the correct behaviour for this situation. I have a div inside a floated div, neither of which have widths set. they are both inside a container div centered on the page which does have a set width. in IE7 the undimensioned div inside the floated div is only as wide as its content. AIUI an undimensioned div would be as wide as its container. can someone advise me of the correct behaviour, or is this a new IE7 bug? my test case: http://www.boldfishclient.co.uk/test/widthtest.htm Test of widths IE7 TIA -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ __ 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] why does width style doest not work with opera?
Hello , please can anybody help me why when i put a width style on the li element is not work with opera, firefox browsers? regards, Dakka, Rami. - How low will we go? Check out Yahoo! Messengers low PC-to-Phone call rates. __ 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] why does width style doest not work with opera?
Hi, In my (isolated) test case, Opera 9 and Firefox 1.5 both behave themselves as expected. If I had to guess, I'd say that you've set the li items to be { display: inline; } and so the width won't take. Inline elements don't (and shouldn't) obey explicit width settings. If you can provide a URL or the code you're using, we might be able to tell you more. Brad On 30/08/2006 10:58, rami doqa wrote: Hello , please can anybody help me why when i put a width style on the li element is not work with opera, firefox browsers? regards, Dakka, Rami. __ 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] ul issues
Can someone tell me why on www.lyteenterprises.com/services.htm, the lists of services are moved down an extra line in FF and Opera, and they are moved over to the right in IE? Daniel Hammond www.objectivedesigns.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] ul issues
On 30/08/2006 14:25, Daniel Hammond wrote: Can someone tell me why on www.lyteenterprises.com/services.htm, the lists of services are moved down an extra line in FF and Opera, and they are moved over to the right in IE? It's the margin of the ul. Try this: .multicolumn { float: left; list-style: none; margin-left: 0; padding: 0 40px 0 0; } __ 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] ul issues
Daniel Hammond wrote: Can someone tell me why on www.lyteenterprises.com/services.htm, the lists of services are moved down an extra line in FF and Opera, and they are moved over to the right in IE? Defaults are different and used differently across browser-land. Looks like you've only declared paddings on those ul, and that isn't enough. Add... ul.multicolumn {margin: 0;} ...and those differences will be evened out. Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ul issues
Very good. Thank you, sir. Daniel Hammond www.objectivedesigns.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bradley Wright Sent: Wednesday, August 30, 2006 9:39 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] ul issues Actually make that: margin: 0; Which should reset all the margins on the list. On 30/08/2006 14:37, Bradley Wright wrote: On 30/08/2006 14:25, Daniel Hammond wrote: Can someone tell me why on www.lyteenterprises.com/services.htm, the lists of services are moved down an extra line in FF and Opera, and they are moved over to the right in IE? It's the margin of the ul. Try this: .multicolumn { float: left; list-style: none; margin-left: 0; padding: 0 40px 0 0; } __ 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/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 and div width
I'm hoping someone on this list will tell me the correct behaviour for this situation. in IE7 the undimensioned div inside the floated div is only as wide as its content. AIUI an undimensioned div would be as wide as its container. I haven't checked the spec, but every other browser (from opera 5 and IE 5 to current geckos) behaves as you expect. I'd call it an IE7 bug. I've simplified your testcase a little. http://ultimorender.com.ar/funkascript/css/tests/inside_floated.htm It seems you can get IE7 to behave like other IE's by specifying div#one{ min-width: 100%; } The problems seems to be related to #one's height being specified. Let me know if this helps! -- Manuel Razzari YO - http://ultimorender.com.ar/funkascript CVAM - http://conVistaAlMar.com.ar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Table squirting out of DIV
Hi everyone, I wonder if someone could slap me with some knowledge and tell if there is a way to keep a table from squirting outside its containing div when the browser window is resized smaller. Or, How do you get a div to only shrink to the size of its contents (upon window resize) and not further? - |containing div at 95% page width | | | | | | | variable width table | | | squirting out | | | | | || || - Thanks again! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table squirting out of DIV
rollandburn wrote: I wonder if someone could slap me with some knowledge and tell if there is a way to keep a table from squirting Eww... please use the word overflow, as that's the CSS term for it and way less gross than the word squirt. I shiver just thinking about it... :-) outside its containing div when the browser window is resized smaller. Or, How do you get a div to only shrink to the size of its contents (upon window resize) and not further? Set it to display: table-cell, which makes it act like a table cell in that it will expand to fit its contents. IE doesn't understand this, but IE expands to fit anyway (not sure about IE7, though, which still will not support the table display values). You can also simulate expanding to fit by messing with negative margins. I've written a few articles on this over at CMX: http://www.communitymx.com/abstract.cfm?cid=B0029 Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] CSS review
I would appreciate a review of the following: http://www.kebzweb.com/VegasVegas Stylesheet: http://www.kebzweb.com/VegasVegas/css/lvvhome_1.css The client asked for a layout that emulated the Google Newshttp://news.google.com/nwshp?hl=entab=wnq=page. The layout I've provided is a liquid 3 col above the fold to a sectioned 2 col below the fold. The client will provide the content via scripting, php includes and (if the sideblog idea is accepted) movabletype. Yet to come: search feature, RSS feeds, and optional advertising areas/space I would like feedback on the stylesheet for any oversights or glaring issues I've overlooked or blundered. Thank you in advance. KE Bracken __ 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] (no subject)
I have a problem that I'm not sure how to solve. I am attempting to create tabs with a small corner cutout. I know hot to place the small corner image and get the rollover colors to work, etc. The problem I'm having is that the 1px border I need on the top, left, and right of each tab is showing around the image, so I turned border off and am looking for a solution to create the borders I need. Is there a way to specify a length for a border? For instance, if my tabs are 30px wide and 20px high, and my corner image is 5px square, can I specify the top border to only be 25px in length, and my right border to be 15px high? If not, is there a workaround for this? Thanks for any help you can give. My current code: #newsTabs ul{ list-style-type: none; margin: 0; padding-bottom: 24px; font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif; float: left; } #newsTabs li { float: left; height: 20px; color: #00; padding-bottom: 0px; margin: 2px 2px 0 2px; /*border-top: 1px solid #9b988f; border-left: 1px solid #9b988f; border-right: 1px solid #9b988f;*/ background: url(/images/tabcorner.gif) 100% 0 no-repeat white; } #newsTabs a:link, #newsTabs a:visited { display: block; color: #00; background-color: transparent; text-decoration: none; padding: 4px; } #newsTabs a:hover { color: #00; background: url(/images/tabcorner.gif) 100% 0 no-repeat #dde2dc; } __ 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] (no subject)
There's always Doug Bowman's Sliding Doors: http://www.alistapart.com/articles/slidingdoors/ It'll help you create expanding, EM width dependent tabs. On 30/08/2006 16:03, Ross C wrote: I saw a site a while back that had this (I'll try to find it). I believe they had a background image for the tab that was like 150px wide (and 20px high in your case) that had the borders for the top, right (or in your case the chamfered corner), and bottom, then specified li {border-left: 1px...} So it's still expandable horizontally to scale with your text length. I can see that this method would not work for everyone (for example, if your li has a fluid height), but it may work for u. -ross -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Poyner, Matt Sent: Wednesday, August 30, 2006 9:55 AM To: css-d@lists.css-discuss.org Subject: [css-d] (no subject) I have a problem that I'm not sure how to solve. I am attempting to create tabs with a small corner cutout. I know hot to place the small corner image and get the rollover colors to work, etc. The problem I'm having is that the 1px border I need on the top, left, and right of each tab is showing around the image, so I turned border off and am looking for a solution to create the borders I need. Is there a way to specify a length for a border? For instance, if my tabs are 30px wide and 20px high, and my corner image is 5px square, can I specify the top border to only be 25px in length, and my right border to be 15px high? If not, is there a workaround for this? Thanks for any help you can give. My current code: #newsTabs ul{ list-style-type: none; margin: 0; padding-bottom: 24px; font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif; float: left; } #newsTabs li { float: left; height: 20px; color: #00; padding-bottom: 0px; margin: 2px 2px 0 2px; /*border-top: 1px solid #9b988f; border-left: 1px solid #9b988f; border-right: 1px solid #9b988f;*/ background: url(/images/tabcorner.gif) 100% 0 no-repeat white; } #newsTabs a:link, #newsTabs a:visited { display: block; color: #00; background-color: transparent; text-decoration: none; padding: 4px; } #newsTabs a:hover { color: #00; background: url(/images/tabcorner.gif) 100% 0 no-repeat #dde2dc; } __ 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/ __ 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] Safari Issue
Hello list, Please take a peek at this page in FF and Safari. Why isn't Safari putting all the main nav links in a nice line like FF (and even IE6!)? Code validates. http://66.155.251.18/joinmvp.com/ Thanks for your time. -- 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] CSS review
KE Bracken wrote: I would appreciate a review of the following: http://www.kebzweb.com/VegasVegas Not quite there, it seems... http://validator.w3.org/check?uri=http://www.kebzweb.com/VegasVegas/ http://www.kebzweb.com/VegasVegas/css/lvvhome_1.css Looks alright... only one error, and the validator can't use the link through the broken source-code. It could do with some more white background-color - unless you want deviating user-preferences to shine through between the content-areas. The validator gives plenty of warnings... http://jigsaw.w3.org/css-validator/validator?uri=http://www.kebzweb.com/VegasVegas/css/lvvhome_1.csswarning=1profile=css2 Looks like styles for those left and right #topic could be grouped together as 'left' and 'right', since same styles are repeated over and over again. I would like feedback on the stylesheet for any oversights or glaring issues I've overlooked or blundered. IE6 makes 'sidebartwo' drop a little too early IMO. IE6 doesn't respect 'width', and expands 'content' to make those images fit, regardless of window-width. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Flabergasted with float: left;
I've been working on a project for a client that involves using percentages for column widths and the like, since the target audience is people whom may not be computer savvy. I initially started doing the design with absolute positioning and had it looking perfect, but after attempting to accomodate the 800x600 resolution, it fell apart. I have the page looking close to what it's supposed to look like in FF2/Opera9, but IE insists that div#main needs to sit below div#infobar. The only quirk in FF2/Opera 9 is that there's overlap that won't go away. regardless of pushing the left: percentage over. changing margin-left: drops the div to the bottom akin to IE. I've attempted some tutorials and haven't been able to replicate similar success. I'm trying to avoid fixed positioning due to the larger 800x600 demographic, while making the page look right in the higher resolutions. The page: http://atma.whatnet.org/zp1 The css: http://atma.whatnet.org/zp1/main.css Insight would be eternally welcome :) -- Robert Reed (neoatmaweapon.at.gmail.com) --- We don't see things as they are. We see things as we are. __ 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] Fwd: Safari Issue
Hello list, Please take a peek at this page in FF and Safari. Why isn't Safari putting all the main nav links in a nice line like FF (and even IE6!)? Ok. Shame on me for even thinking I needed a table in there in the first place. I'm set now. If you looked, thanks! obscure_harry_potter_reference I have to go punish myself now... I wonder if Dobby is done with that iron... /obscure_harry_potter_reference -- 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] (no subject)
Thanks, Ross. The expandable bg image did the trick. Exactly what I needed to get it working. I love this list! :-) -Original Message- From: Ross C [mailto:[EMAIL PROTECTED] Sent: Wednesday, August 30, 2006 11:04 AM To: Poyner, Matt; css-d@lists.css-discuss.org Subject: RE: [css-d] (no subject) I saw a site a while back that had this (I'll try to find it). I believe they had a background image for the tab that was like 150px wide (and 20px high in your case) that had the borders for the top, right (or in your case the chamfered corner), and bottom, then specified li {border-left: 1px...} So it's still expandable horizontally to scale with your text length. I can see that this method would not work for everyone (for example, if your li has a fluid height), but it may work for u. -ross -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Poyner, Matt Sent: Wednesday, August 30, 2006 9:55 AM To: css-d@lists.css-discuss.org Subject: [css-d] (no subject) I have a problem that I'm not sure how to solve. I am attempting to create tabs with a small corner cutout. I know hot to place the small corner image and get the rollover colors to work, etc. The problem I'm having is that the 1px border I need on the top, left, and right of each tab is showing around the image, so I turned border off and am looking for a solution to create the borders I need. Is there a way to specify a length for a border? For instance, if my tabs are 30px wide and 20px high, and my corner image is 5px square, can I specify the top border to only be 25px in length, and my right border to be 15px high? If not, is there a workaround for this? Thanks for any help you can give. My current code: #newsTabs ul{ list-style-type: none; margin: 0; padding-bottom: 24px; font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif; float: left; } #newsTabs li { float: left; height: 20px; color: #00; padding-bottom: 0px; margin: 2px 2px 0 2px; /*border-top: 1px solid #9b988f; border-left: 1px solid #9b988f; border-right: 1px solid #9b988f;*/ background: url(/images/tabcorner.gif) 100% 0 no-repeat white; } #newsTabs a:link, #newsTabs a:visited { display: block; color: #00; background-color: transparent; text-decoration: none; padding: 4px; } #newsTabs a:hover { color: #00; background: url(/images/tabcorner.gif) 100% 0 no-repeat #dde2dc; } __ 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/
[css-d] Font Mapping Query
I have CSS that specifies fonts: (Lucida SANS,Tahoma,Arial,Sans-serif;). I have various tool bars that tell me this when I hover over various pieces of text. That is, they tell me that string. But I can't tell which font was actually used. I have cases where the text appears much better on some systems than others. I would like to which font a system is actually using. Does anyone know of any way to find this out? Thank you, Chris __ 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] IE margins do not alter position of (solid 1px) border?
Hey everyone, I'm really hoping someone can help me out. I've been beating my head against the wall so long on this my head is starting to crack open... I've got most of IE's goofiness worked out on this page: http://www.ccpasco.org/home/home_02.php but there are a few things I cant nail down. I'm using standards mode (I think) by using the doctype: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; (I'm not really trying to use valid xhtml at the moment, just trying to get IE to jump into standards mode.) 1) The nav menu: I have an ugly pink background set to show me where the list items appear. Even though I'm explicitly setting margin:0px; the list items still insist on displaying a gap between the items, which i am trying to avoid. 2) The vertical gray line separating the menu from the content: The idea is this... Float the menu left give it a specific width. Then set the left margin of the content area to the correct value to male its left edge line up with the menu's right edge. Give both a solid border so that the borders overlap. Then, regardless of which element one is higher, I get my vertical line. Unfortunately I just can't get IE to put the border for the content area where I want it. I set the margin and the text inside the element shifts position, but the left border continues to push as far over to the left as it can before hitting a float (the menu) or the edge of its containing element. My CSS is found here: http://www.ccpasco.org/default.css with some IE specific definitions being in the page itself by means of a conditional comment. I would really appreciate any help you guys can offer. I figure it must be some IE bug but I can't seem to figure out which one or how to fix it. Thanks so much, Cliff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 and div width
Tony Crockford wrote: I have a div inside a floated div, neither of which have widths set. they are both inside a container div centered on the page which does have a set width. in IE7 the undimensioned div inside the floated div is only as wide as its content. AIUI an undimensioned div would be as wide as its container. can someone advise me of the correct behaviour, or is this a new IE7 bug? my test case: http://www.boldfishclient.co.uk/test/widthtest.htm I believe this is the same problem that I showed here [1], and reported to MS as a bug [2] (it showed up in IE7 beta 3, if I remember correctly) It depends on the hasLayout status of the problem child. If you remove both height and min-height from its properties (both of which give it hasLayout), then its wrong behaviour disappears. Bruno [1] http://www.brunildo.org/test/ie7b3_shrink_lay.html [2] https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=16406 8 __ 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] IE margins do not alter position of (solid 1px) border?
Cliff Pruitt wrote: http://www.ccpasco.org/home/home_02.php (I'm not really trying to use valid xhtml at the moment, just trying to get IE to jump into standards mode.) You should use an HTML doctype then, like... !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; ...since IE6 can't see the difference and has no idea what XHTML is. Neither do you :-) so better stick to HTML. The IE-bugs are the need for 'hasLayout'[1] triggers, and a dose of '3px jog'[2]. These bugs are addressed, and killed, below. 1) The nav menu: I have an ugly pink background set to show me where the list items appear. Even though I'm explicitly setting margin:0px; the list items still insist on displaying a gap between the items, which i am trying to avoid. Add, for IE6 (and older versions) only... #navMenu li a {height: 1%;} 2) The vertical gray line separating the menu from the content: The idea is this... Float the menu left give it a specific width. Then set the left margin of the content area to the correct value to male its left edge line up with the menu's right edge. Give both a solid border so that the borders overlap. Then, regardless of which element one is higher, I get my vertical line. Add, for IE/win only... #navMenu {margin-right: -4px;} #bodyContent {height: 1%; margin: 0} My CSS is found here: http://www.ccpasco.org/default.css The validator can't find it through the page, because of all the errors in the source-code. Will improve slightly when you use a more appropriate doctype, but non-valid source-code is neither necessary nor useful. You should correct that CC to... !--[if lt IE 7] ...or else IE7 will become confused since Microsoft have fixed /some/ of the bugs in that thing. Address IE7 separately when you see it. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html [2]http://www.positioniseverything.net/explorer/threepxtest.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS review
KE Bracken wrote: I would appreciate a review of the following: http://www.kebzweb.com/VegasVegas http://www.kebzweb.com/VegasVegas/css/lvvhome_1.css [...] KE Bracken xp::ff, ie, opera Looks good and forgiving the google ad at the top it holds a font-zoom in FF. Although, if it is a concern, the top right column disappears at text-size 'largest' in ie in 'accessibility mode.' There are some markup errors that you may want to tackle. 24-- linux/mac/win/2000 captures: http://www.browsercam.com/public.aspx?proj_id=280936 (I did not wait for them to load) Best, ~dL PS Don't forget a background-color (I default to fuchsia in opera). -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Flabergasted with float: left;
Robert Reed wrote: I've been working on a project for a client that involves using percentages for column widths and the like, since the target audience is people whom may not be computer savvy. Not sure what you mean? I initially started doing the design with absolute positioning and had it looking perfect, but after attempting to accomodate the 800x600 resolution, it fell apart. Maybe you should just start with a layout that is known to work cross browser. This one, or one of the others on that site, might work for you: http://blog.html.it/layoutgala/LayoutGala38.html FWIW, IE does not support min/max width. For the time being, why not just abandon that until you have more experience? Use a known to work navigation list-- no spacer gifs and br tags are need. See the three /simple/ vertical lists at the top of this page: http://css.maxdesign.com.au/listamatic/ [...] The page: http://atma.whatnet.org/zp1 The css: http://atma.whatnet.org/zp1/main.css Insight would be eternally welcome :) Best, ~dL PS You'll live to regret the language you are using in your files if you don't get rid of it. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Catawampus shadows!
Amy Ostrom wrote: Dear All: We are using an image repository, and I thought it would be pretty to add shadows to the thumbnails (the shadows also stop the images from bleeding onto the page). However, sometimes the text to the right is taller than the image itself and seems to be affecting the image's height. Hi Amy, It is not only seems to be affecting, it is true that the text in the right side has influence. ;-) Reason is that the shadow image is connected to the cell properties (td) of the image cell. If an other cell in a table row is growing in height, the image cell is growing too, and the shadow is placed just on the bottom of the img cell (like you prescribed in the css). Does anyone have any ideas how to fix this so the image is unaffected by the size of the container? Thank you in advance. :-) http://search.jocohistory.org/cdm4/browse.php The idea is to disconnect the shadow from the cell, and to make a new div inside the img cell: just around the image. Then the dimensions of the table (= height of the other cells) cannot affect the size of the shadow. Within that div everything of the borders and paddings can be arranged. The shadow image has a width of 800px, which is not needed for the fixed width of about 80px for the images here. If the image is made smaller, it can be used without filling the whole width on the bottom of the images, like the shadow is moved somewhat to the right. The shadow can be moved somewhat downwards by playing with the margins of the container and the image position. All together: see testpage http://home.tiscali.nl/developerscorner/css-discuss/test-jocohistory.htm. :-) (Some comments in the source code) Greetings, francky btw: there are some remarks of the html-validator http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fsearch.jocohistory.org%2Fcdm4%2Fbrowse.php. __ 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] FW: Font Mapping Query
Thanks for the reply, clearly I got that far -- I wrote the CSS after all. What I want to see, is what font is actually being used. I have several test machines, I have several users with different machines. It doesn't seem to have any rhyme or reason. There are a million questions: does Lucida SANS map to Lucida Sans? To Lucida SANS Unicode? Or does that level of mismatch cause it to move on down the list? How does this work on various OS's and browsers? I was hoping to find a toolbar or other utility that I (and a couple of adventurous users) could use to see what font the browser is actually displaying. Thanks anyway for your help. From: Peach Lynda L CTR USAF 96 CG/SCWOE [EMAIL PROTECTED] Subject: RE: [css-d] Font Mapping Query We'll see what the gurus on the list reply with. -- End of Forwarded Message __ 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] Disappearing Content in IE [Urgent]
I recently developed the HTML/CSS for a new website and all was working fine until part of the navigation started disappearing. I assumed it was the peekaboo bug and applied the holly hack, but it hasn't solved the problem, so I'd love some help. The site went live last week and we have been working on this for about 3 days, so it is really causing problems for the client and has become a huge time drain for me and my staff. Any help would be greatly appreciated If you view wesley.eresources.ws in IE, the secondary navigation (Contact | Employment Opportunities | Library | News | My Wesley) appears sometimes, but doesn't appear other times - of course, it appears fine in Firefox. Does anyone have any suggestions for how to resolve this? Thanks! Note that if the content changes (i.e. if we remove one of the left highlights), then it doesn't happen any more. If you see a few lines start with .ie or .gecko, note that I'm using a javascript browser selector: http://rafael.adm.br/css_browser_selector. -- Best Regards, Matt www.focusontheclouds.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] centering link gifs in a horiz. nav bar
Folks, I searched the archive for postings related to this, but didn't find quite the right info. I suspect there's some easy fix for this, so perhaps someone can help. The problem: I have a horizontal nav bar into which I put a ul of gifs for the links. I floated them left and they all line up next to each other, but they (of course) are all lined-up on the left side of the nav bar. I want to have them centered in a row in the nav bar. That way, if I later add in another gif or two, they'll expand out from the center. The test page (which is very much in progress with some positioning tweaking to do, and links to add, etc.) is at: http://www.sfscottishrite.com/Test/auditorium.html (I did find some postings about making such items display:block and margin: 0 auto, but either I didn't understand where to put that code or it doesn't apply to this problem.) Many thanks. --Jay Kinney __ 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] FW: Font Mapping Query
From what little experimentation I have done, capitals are discounted just like they are when you type in an URL address. Besides, it depends if the user has that font on his/her computer or if they have a default set that overrides your font preferences. If the look depends heavily on the font look - use graphics; otherwise, except that the user will only see words and layout - not fonts. Don - Original Message - From: Chris Williams [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Wednesday, August 30, 2006 12:04 PM Subject: [css-d] FW: Font Mapping Query | Thanks for the reply, clearly I got that far -- I wrote the CSS after all. | | What I want to see, is what font is actually being used. I have several | test machines, I have several users with different machines. It doesn't | seem to have any rhyme or reason. | | There are a million questions: does Lucida SANS map to Lucida Sans? To | Lucida SANS Unicode? Or does that level of mismatch cause it to move on | down the list? How does this work on various OS's and browsers? | | I was hoping to find a toolbar or other utility that I (and a couple of | adventurous users) could use to see what font the browser is actually | displaying. | | Thanks anyway for your help. | | From: Peach Lynda L CTR USAF 96 CG/SCWOE [EMAIL PROTECTED] | Subject: RE: [css-d] Font Mapping Query | | We'll see what the gurus on the list reply with. | | -- End of Forwarded Message | | __ | 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/ | | | | -- | No virus found in this incoming message. | Checked by AVG Free Edition. | Version: 7.1.405 / Virus Database: 268.11.6/429 - Release Date: 8/28/2006 | | -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.11.6/429 - Release Date: 8/28/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FW: Font Mapping Query
The look isn't vital, readability is. And I value accessibility too much to use graphics (especially for the body text...). The point is that I find the fonts that are showing up on some systems/browsers to be vastly more readable than others. I was hoping to find a good way to discover what those are and use them whenever possible (e.g. put them at the front of the list). -Original Message- From: Don Miller [mailto:[EMAIL PROTECTED] Subject: Re: [css-d] FW: Font Mapping Query If the look depends heavily on the font look - use graphics; otherwise, accept that the user will only see words and layout - not fonts. __ 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] Page is messy on Mac Safari - any ideas?!
Hi there, Have managed to test a current template design: HYPERLINK http://www.thevillagespain.com/index-new.htmhttp://www.thevillagespain.com /index-new.htm On the majority of the main browsers, it looks good and works as it should do on all of them bar Safari 1.3 and 2.0 on the Mac. Does anyone have any ideas on what is causing this problem?! Any help is greatly appreciated. Tony Tony Burke Tenshi Web Solutions -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.11.6/430 - Release Date: 28/08/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] div blocks in forms don't clear in Firefox 1.5.x
Our site's forms are composed more or less like this: form fieldset div class=formrow pinput /br /label / pinput /br /label / /div div class=formrow /div /form P's inside of formrow's float left, then we start a new row by closing the div and following with a new one. So the markup is a little laborious but it does give nice control for style hints. I've recently found that the divs in this markup/styling don't serve their clearing (block) fundtion in Firefox 1.5.4 and 1.5.6 at least, but are ok in 1.0.7 and 2.x. I've extracted css and html into s reduced case. http://toaster.law.indiana.edu/exhibits/layout/form_block.html I've also tried putting style on the divs to insist that they clear--even that doesn't help, so it doesn't seem like a specificity issue. I'd appreciate any analysis and even css rules that would overcome this. I'm hoping not to have to alter the markup. Frank Burleigh Indiana University School of Law [EMAIL PROTECTED] 812-855-9170 __ 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] centering link gifs in a horiz. nav bar
Jay Kinney wrote: I have a horizontal nav bar into which I put a ul of gifs for the links. I floated them left and they all line up next to each other, but they (of course) are all lined-up on the left side of the nav bar. I want to have them centered in a row in the nav bar. That way, if I later add in another gif or two, they'll expand out from the center. Would modification of this method work for you? http://css.maxdesign.com.au/listamatic/horizontal27.htm The test page (which is very much in progress with some positioning tweaking to do, and links to add, etc.) is at: http://www.sfscottishrite.com/Test/auditorium.html --Jay Kinney Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Disappearing Content in IE [Urgent]
Matt Harris wrote: I recently developed the HTML/CSS for a new website and all was working fine until part of the navigation started disappearing. I assumed it was the peekaboo bug and applied the holly hack, but it hasn't solved the problem, so I'd love some help. The site went live last week and we have been working on this for about 3 days, so it is really causing problems for the client and has become a huge time drain for me and my staff. Any help would be greatly appreciated If you view wesley.eresources.ws in IE, the secondary navigation (Contact | Employment Opportunities | Library | News | My Wesley) appears sometimes, but doesn't appear other times - of course, it appears fine in Firefox. Does anyone have any suggestions for how to resolve this? Thanks! Note that if the content changes (i.e. if we remove one of the left highlights), then it doesn't happen any more. If you see a few lines start with .ie or .gecko, note that I'm using a javascript browser selector: http://rafael.adm.br/css_browser_selector. Hi Matt, Are you sure about the html? The html-validator remarks 19 errors http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwesley.eresources.ws%2F. The Doctype seems to be more html4.01 transitional, instead of xhtml1.0 transitional; validating as html4.01Tr. is giving 9 errors http://validator.w3.org/check?uri=http%3A%2F%2Fwesley.eresources.ws%2Fcharset=%28detect+automatically%29doctype=HTML+4.01+Transitionalverbose=1. And maybe the not closed a in the div id=poweredby is causing the troubles? Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div blocks in forms don't clear in Firefox 1.5.x
On Aug 31, 2006, at 8:30 AM, Burleigh, Frank wrote: P's inside of formrow's float left, then we start a new row by closing the div and following with a new one. So the markup is a little laborious but it does give nice control for style hints. I've recently found that the divs in this markup/styling don't serve their clearing (block) fundtion in Firefox 1.5.4 and 1.5.6 at least, but are ok in 1.0.7 and 2.x. I've extracted css and html into s reduced case. http://toaster.law.indiana.edu/exhibits/layout/form_block.html I've also tried putting style on the divs to insist that they clear--even that doesn't help, so it doesn't seem like a specificity issue. https://bugzilla.mozilla.org/show_bug.cgi?id=309550 based on your test file: div.formrow { clear:both; display:table; } You can also use overflow:hidden instead of display:table Essentially, use one of the properties that establish a new block formatting context. This results in the a block that contains the floated elements. http://dev.l-c-n.com/IEW/simulations.php http://www.w3.org/TR/CSS21/visuren.html#block-formatting Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] Disappearing Content in IE [Urgent]
Thanks for the response and for pointing out some obvious errors, franky. I have change the page to transitional, resolved the errors and closed the a tag; however, the issue is still occuring. Any additional ideas? -- Best Regards, Matt www.focusontheclouds.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] Page is messy on Mac Safari - any ideas?!
On Aug 31, 2006, at 7:27 AM, Tony Burke wrote: http://www.thevillagespain.com/index-new.htm; On the majority of the main browsers, it looks good and works as it should do on all of them bar Safari 1.3 and 2.0 on the Mac. In div class=bannerholder_homepage you have inserted a non-breaking space (nbsp;) For some reason, in Safari that non-breaking space jumps up and displays *before* the floated element (.stripes_celtic). Replace it with a visible character (I put a 'A') and you'll see it. That causes all subsequent elements to jump out of alignment. I've no idea why Safari is doing this. Remove it, and all is well. I don't think you need it for any browser. That problem is fixed in current nightly WebKit builds. Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] Page is messy on Mac Safari - any ideas?!
On Aug 31, 2006, at 11:08 AM, Philippe Wittenbergh wrote: http://www.thevillagespain.com/index-new.htm; On the majority of the main browsers, it looks good and works as it should do on all of them bar Safari 1.3 and 2.0 on the Mac. In div class=bannerholder_homepage you have inserted a non-breaking space (nbsp;) For some reason, in Safari that non-breaking space jumps up and displays *before* the floated element (.stripes_celtic). Replace it with a visible character (I put a 'A') and you'll see it. That causes all subsequent elements to jump out of alignment. I've no idea why Safari is doing this. Hmm, figured it out more or less. Still buggy behaviour in Safari. The problem comes from #top_header, and the top margin on the next row (#logos and #bannerholder_homepage). #top_header has a height specified, and contains a floated block. To display correctly, the subsequent elements need to clear that header, or you could force that header to contain the floats #top_header { overflow:hidden; margin-bottom:1px; } will do just nice. And then remove the top-margin on #logos and #bannerholder_homepage. Note: that kind of constructions work better if you use a strict doc- type. Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] Div 'box' Aligns Differently in FF IE6
Web Page: http://www.dvmvac.com/REDESIGN/CProtRsk.shtml CSS: http://www.dvmvac.com/REDESIGN/DVMcss.css Defined #apply { ... text-align: center; ...} then coded div id=applyApplies to most dogs/div but the text is not centered in FF 1.5 and IS centered in IE 6. (Knew it was too easy.) Have tried all sorts of 'bypasses' but nothing fixes the problem. 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] Div 'box' Aligns Differently in FF IE6
R. Alan Payne wrote: Web Page: http://www.dvmvac.com/REDESIGN/CProtRsk.shtml CSS: http://www.dvmvac.com/REDESIGN/DVMcss.css Defined #apply { ... text-align: center; ...} then coded div id=applyApplies to most dogs/div but the text is not centered in FF 1.5 and IS centered in IE 6. (Knew it was too easy.) You'll need to apply auto margins to the left and right sides: #apply { ...snip... margin-left:auto; margin-right:auto; ...snip... } -- Scott Swabey Design Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.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] centering link gifs in a horiz. nav bar
At 9:08 PM -0400 8/30/06, ~davidLaakso wrote: Jay Kinney wrote: I have a horizontal nav bar into which I put a ul of gifs for the links. I floated them left and they all line up next to each other, but they (of course) are all lined-up on the left side of the nav bar. I want to have them centered in a row in the nav bar. That way, if I later add in another gif or two, they'll expand out from the center. Would modification of this method work for you? http://css.maxdesign.com.au/listamatic/horizontal27.htm The test page (which is very much in progress with some positioning tweaking to do, and links to add, etc.) is at: http://www.sfscottishrite.com/Test/auditorium.html --Jay Kinney Best, ~dL David, Thanks for the suggestion. You know, I had come upon that Listamatic site earlier today and had even looked at that list example, but I had trouble conceptualizing whether this CSS could somehow be applied to my problem. If you or someone could point out the salient code that applies to centering floating image elements, that would be great. I'm enough of a newbie on CSS that it isn't self-evident to me... --Jay Kinney __ 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] Disappearing Content in IE [Urgent]
Matt Harris wrote: I recently developed the HTML/CSS for a new website and all was working fine until part of the navigation started disappearing. I assumed it was the peekaboo bug and applied the holly hack, but it hasn't solved the problem, so I'd love some help. The site went live last week and we have been working on this for about 3 days, so it is really causing problems for the client and has become a huge time drain for me and my staff. Any help would be greatly appreciated If you view wesley.eresources.ws in IE, the secondary navigation (Contact | Employment Opportunities | Library | News | My Wesley) appears sometimes, but doesn't appear other times - of course, it appears fine in Firefox. Does anyone have any suggestions for how to resolve this? Thanks! Changing: .home #wrapsecnav {position: absolute; right: 20px; top: 8px;} to: .home #wrapsecnav {position: relative; right: 20px; top: 8px;} makes the nav appear consistently so some other div is probably sitting on top of #wrapsecnav and obscuring it. You have lots of absolutely positioned divs and it's getting late here so I can't get down to details, but I'd change background colors on likely suspects until I found a div that was sitting where I expected the nav to appear. If I wasn't so sleepy and my dog didn't need a walk, that is. I hope that helps some. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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 Mapping Query
On 06/08/30 09:20 (GMT-0700) Chris Williams apparently typed: I have CSS that specifies fonts: (Lucida SANS,Tahoma,Arial,Sans-serif;). You shouldn't do that, though it's hard to be sure from the above typing exactly what you really requested. Tahoma really isn't a very good content font. It's essentially a squeezed Verdana. Most of the squeezing is between characters, removing most of the space between letters. That run-together look can be very tiring to read more than a little bit of. It works much better in short bursts, which is apparently why M$ switched to it for its UI in 2001 with the release of XP. Lucida is another problem . . . . I have various tool bars that tell me this when I hover over various pieces of text. That is, they tell me that string. But I can't tell which font was actually used. I don't know any such tool, but experience helps in deciding what's what. In the case of the Lucidas, here's a page that will try to load every Lucida I'm aware of the existence of: http://mrmazda.no-ip.com/auth/Font/fonts-comps-lucida.html I have cases where the text appears much better on some systems than others. I would like to which font a system is actually using. I suspect what brought up your query is this old windoz font: http://mrmazda.no-ip.com/SS/lusans.gif Note that it's name is Lucida Sans Italic, a BH font available only in oblique, lsansi.ttf, IIRC originally supplied via Win98. The problem is that it responds to merely Lucida Sans, which is a very bad thing if you don't want a poor, italic-only font substituted for traditional roman. One solution I know for avoiding this or other unattractive Lucida fonts is to specify like so: 'lucida grande', 'lucida sans unicode', 'dejavu sans condensed', geneva, arial, sans-serif. The better solution for your _main_body_text_ that you want rendered as sans-serif instead of serif is to stick with pure sans-serif, leaving all those other fonts out of your list. That way your visitor will see his own choice, which is unlikely to be anywhere as bad as the old doze Lucida Sans Italic, and is somewhat likely to give him something he likes better than your personal favorite. -- Let us not become weary in doing good, for at the proper time we will reap a harvest if we do not give up. Galatians 6:9 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] Font Mapping Query
Thank you for your input. I don't know of any such tool would've been sufficient. The balance is opinion, conjecture (all incorrect), and not the point of my question. From: Felix Miata [EMAIL PROTECTED] Subject: Re: [css-d] Font Mapping Query I suspect what brought up your query is this old windoz font: http://mrmazda.no-ip.com/SS/lusans.gif __ 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 Mapping Query
On 06/08/30 21:16 (GMT-0700) Chris Williams apparently typed: Thank you for your input. I don't know of any such tool would've been sufficient. The balance is opinion, conjecture (all incorrect), and not the point of my question. I wouldn't have answered but for this that you wrote a while later, which I read before replying to your original thread post: The point is that I find the fonts that are showing up on some systems/browsers to be vastly more readable than others. I was hoping to find a good way to discover what those are and use them whenever possible (e.g. put them at the front of the list). I'm pretty sure the point of your question was about finding out/knowing exactly which glyph is used at any particular place one might choose to place a mouse pointer. I think such a tool could exist for use on your own system(s), and don't know of one. But then you went on to say some systems/browsers. It seems you should be able to control your own and thus figure out which fonts are being used even without any such tool. Experience helps here, and I have no such problem. But if what you want is a way to find out which are used on some systems/browsers not under your control . . . . Until someone discovers or reports of such a tool, maybe it would be good to describe some systems/browsers in more detail so that the differences that bother you might be isolated as to cause. It might also help to clarify 'CSS that specifies fonts: (Lucida SANS,Tahoma,Arial,Sans-serif;).', which doesn't resemble very much any valid CSS syntax I'm familiar with. -- Let us not become weary in doing good, for at the proper time we will reap a harvest if we do not give up. Galatians 6:9 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] Rounded tabs - top line not working?
http://www.language-works.com/swimdesign/tabs.htm I'm trying to get a straight line to appear over the tabs (but not over the rounded part) -- in Mozilla the line is overlapping the graphic, but in IE it's not appearing at all. Any ideas what I'm doing wrong? Anne __ 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] Site revision/check
Please check this site for me. http://carolisol.com I've checked Mac browsers - Safari, iCab and Firefox and would like other browser checks I was having trouble with two issues in IE which I've attempted to correct. I'd like to know if I was successful: 1) the logo showed with a border and 2) the table at the top of the page on http://carolisol.com/book.html was hitting the left margin instead of being centered in the page as it ought to be. Thank you for this check and helpful guidance on last review. Kimi NB - David Laasko, if you read this, I tried emailing you but couldn't get my messages through. -- Kim Brooks Wei 1.201.475.1854 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering link gifs in a horiz. nav bar
Jay Kinney wrote: I have a horizontal nav bar into which I put a ul of gifs for the links. I floated them left and they all line up next to each other, but they (of course) are all lined-up on the left side of the nav bar. I want to have them centered in a row in the nav bar. That way, if I later add in another gif or two, they'll expand out from the center. Would modification of this method work for you? http://css.maxdesign.com.au/listamatic/horizontal27.htm The test page (which is very much in progress with some positioning tweaking to do, and links to add, etc.) is at: http://www.sfscottishrite.com/Test/auditorium.html --Jay Kinney Best, ~dL Jay Kinney wrote: David, Thanks for the suggestion. You know, I had come upon that Listamatic site earlier today and had even looked at that list example, but I had trouble conceptualizing whether this CSS could somehow be applied to my problem. If you or someone could point out the salient code that applies to centering floating image elements, that would be great. I'm enough of a newbie on CSS that it isn't self-evident to me... --Jay Kinney Nothing is self-evident to me, either. Consequently, I lie, cheat, and steal-- and never use images when it is not necessary. Please see: http://www.chelseacreekstudio.com/sf.html Seriously, if you need to use images for text, perhaps someone else on the list can help. Best, David Laakso -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Mapping Query
Rather than try to divine my intent, I'll simply repeat my query, does anyone know of a tool that allows one to inquire of a browser, what exactly is that font, right ... there? If the answer is no, fine, I'll play the trial-and-error game. Thank you. From: Felix Miata [EMAIL PROTECTED] Subject: Re: [css-d] Font Mapping Query I'm pretty sure the point of your question... __ 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] Site revision/check
Kim Brooks Wei wrote: http://carolisol.com 1) the logo showed with a border I see no border in xp. 24 screen captures: http://www.browsercam.com/public.aspx?proj_id=281028 2) the table at the top of the page on http://carolisol.com/book.html was hitting the left margin instead of being centered in the page as it ought to be. It seems to be centered in xp. 22 captures: http://www.browsercam.com/public.aspx?proj_id=281030 An on hover color for the top nav might be a nice touch? Kimi Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/