[css-d] clearing problem
Hi Folks I have a strange clearing problem. In this site http://www.stardesign.ch/startup1/kontakt.html I use a navigation div id=nav ul id=navlist li id=tonea href=index.htmlhome/a/li li id=ttwoa href=ueber.htmlüber uns/a/li li id=tthreea href=angebot.htmlAngebote/a/li li id=tfoura href=anfahrt.htmlAnfahrt/a/li li id=tfivea href=kontakt.htmlKontakt/a/li li id=tsixa href=links.htmlLinks/a/li li id=tsevena href=impressum.htmlImpressum/a/li /ul /div with the according css #nav { background: #999; margin: 0; clear: both; color: white; } #navlist { margin: 0; border-bottom: 1px solid #CCFF00; background: #999; border-color: #ff9600; padding: 8px 0 20px; border-width: 1px; } #navlist ul, #navlist li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navlist a, a:link, #navlist a:visited { float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 15px; text-decoration: none; color: white; } body#one #tone a, body#two #ttwo a, body#three #tthree a, body#four #tfour a, body#five #tfive a, body#six #tsix a { border-bottom: 4px solid #ccff33; padding-bottom: 2px; background: transparent; border-color: #ff9600; } #navlist a:hover { color: #ff9600; } But this css is overriding my links in the content container, even when I've used a general link description. What could this be? thanks for the help mit freundlichen Grüssen Beat Beer -- stardesign Beat Beer untere Kirchenzelg 5 3115 Gerzensee Switzerland phone: ++41 31 781 4620 mobile: ++41 79 325 1448 mail: [EMAIL PROTECTED] web: www.stardesign.ch __ 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] Gaps IE6 not FF or IE7
On 9/7/06, Yuna Boelmans [EMAIL PROTECTED] wrote: seems the .Grey container is the problem, set the width to 165px (minus 2 for the borders). this should fix the problem i'm not sure what you mean by content not expanding all the way? yuna On 9/7/06, OOzy Pal [EMAIL PROTECTED] wrote: Dears I have two problems in IE6 inly not in FF or IE7. 1. 1px shift in border 2. Content will not expand all the way. Looking at the site using IE6 will clear the issue. http://codg.bjaili.com/13/ -- OOzy Kubuntu-Dapper __ 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/ I mean about the content not expanding is if look at the right bottom corrner of #Main you can see that there is a gap i.e. #Main is not expanding even though, I am puting height: 100%. My design is three cols with bottom footer row. The third col (right) is the Main which does go to the same height as the other ones. -- OOzy Kubuntu-Dapper __ 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] Automatically scaling fonts
Pete Home wrote: Is there a way to scale the font size as the window size increases? I am working on an elastic layout that works fin when the browser window is increased and reduced, however, the fonts do not increase or decrease in size so I end up with blank space when the window size is big and over-flowed text when it's small. I'd like the text size to increase as well. The term elastic seems to be used for many different kind of layouts, so do you have a live version of yours that we can look at and determine which elastic variant it is? Usually 'elastic' is more like the other way around: page-size changes with font-resizing in browsers. The actual behavior depends on whether it is an 'em-sized fixed' layout or an 'em-guided liquid' layout. To exemplify: this is the latter... http://www.gunlaug.no/tos/moa_12c.html If you want font-size to reflect window-size, instead of the other way around, then I think some scripting is needed. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Automatically scaling fonts
Pete Home wrote: Is there a way to scale the font size as the window size increases? I am working on an elastic layout that works fin when the browser window is increased and reduced, however, the fonts do not increase or decrease in size so I end up with blank space when the window size is big and over-flowed text when it's small. I'd like the text size to increase as well. I suppose I could do something with Javascript, but I'd rather not. Regards Pete Hi Pete, scale the font size as the window size increases? * If this means automatically scale the font size as the screen resolution changes, then giving the font size in relative units will help (pure css). See css-d Wiki page http://css-discuss.incutio.com/?page=FontSize. * If this really means scale the font size as the window size increases, then probably the available horizontal window size is the intended trigger (should be possible with javascript). But: resizing the window (into not full screen), if the visitor wants to see more things as the site window: then at once the font size is changing without the visitor is beeing asked... And: some visitors use a sidebar (for history or favorites/bookmarks). If they enlarge the sidebar area ... then the font size is getting smaller! My conclusion: I should never do it the second way! :-) 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] clearing problem
beat.beer wrote: Hi Folks I have a strange clearing problem. In this site http://www.stardesign.ch/startup1/kontakt.html [...] But this css is overriding my links in the content container, even when I've used a general link description. What could this be? Hi Beat Beer, It's no clearing thing - it's an omitted #navlist, then all [a:link]'s are getting a float-left, a bold weight, and a color white. *) ;-) See screenshot http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-stardesign.png. Greetings, francky *) If quick reading, it's a difficult one to catch: quite hidden! __ 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] konqueror/safary image problem
Hello, A website I'm working on works fine with Opera/Firefox/IE6, but fails with Konqueror (3.3.2) and Safary (v?). The most dominant problem is that the images are not shown. http://www.umantec.nl/olland/ Can anyone point me in the right direction? Thank you, Fulko __ 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] Automatically scaling fonts
Pete Home wrote: Thanks Francky, In design terms allowing the user to resize fonts can throw out your design and cause scroll bars etc to change your layout. I understand that this is a requirement especially for accessibility reasons. However, certain things are different. Take this for example, [...] There is never going to be more to see, but if the window size increases, the navbox gets bigger, but the text remains the same size, not filling the box. On the other hand, if I keep the font-size using em then the user can break the menu if they increase the size. This seems like a lose lose situation. Yes, your code is giving this testpage (1) http://home.tiscali.nl/developerscorner/css-discuss/test-fontscaling-a.html. Then you can size the container not relative to the screen size, but relative to the font size: in em's instead of %%. This way (needs fine tuning): testpage (2) http://home.tiscali.nl/developerscorner/css-discuss/test-fontscaling-b.html. Maybe there will come other difficulties for the layout now, but is doesn't break increasing font size. :-) 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] Automatically scaling fonts
On 06/09/08 06:53 (GMT+0100) Pete Home apparently typed: Is there a way to scale the font size as the window size increases? I am working on an elastic layout that works fin when the browser window is increased and reduced, however, the fonts do not increase or decrease in size so I end up with blank space when the window size is big and over-flowed text when it's small. I'd like the text size to increase as well. I suppose I could do something with Javascript, but I'd rather not. http://nickcowie.com/ does it with JS. It's absolutely infuriating to have a horizontal scroll no matter how big you make your browser window, which is what that page does if the default font size is larger than stock browser defaults more than a px or two. It's in the same maddening class as sites that think they know better than me how big text in my browser window should be. As an alternative, try offering an alternative stylesheet or two. Visitors who know how to turn off site styles on uncomfortable pages in their view menu may try them instead of turning off site styles entirely. -- Wisdom is supreme; therefore get wisdom. Though it cost all you have, get understanding. Esteem her, and she will exalt you; embrace her, and she will honor you. Proverbs 4:7-8 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] Automatically scaling fonts
Francky, I wanted the text to take up the same relative amount of space within the DIV no matter what the resolution size or the window size is (obviously there needs to be limits) this would mean scaling the Font to match the DIV size not the DIV to the Font size. I suppose this is not possible with CSS and if I have to I'll look into scripting something. Regards Pete -Original Message- From: francky [mailto:[EMAIL PROTECTED] Sent: 08 September 2006 11:46 To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Automatically scaling fonts Pete Home wrote: Thanks Francky, In design terms allowing the user to resize fonts can throw out your design and cause scroll bars etc to change your layout. I understand that this is a requirement especially for accessibility reasons. However, certain things are different. Take this for example, [...] There is never going to be more to see, but if the window size increases, the navbox gets bigger, but the text remains the same size, not filling the box. On the other hand, if I keep the font-size using em then the user can break the menu if they increase the size. This seems like a lose lose situation. Yes, your code is giving this testpage (1) http://home.tiscali.nl/developerscorner/css-discuss/test-fontscaling-a.html . Then you can size the container not relative to the screen size, but relative to the font size: in em's instead of %%. This way (needs fine tuning): testpage (2) http://home.tiscali.nl/developerscorner/css-discuss/test-fontscaling-b.html . Maybe there will come other difficulties for the layout now, but is doesn't break increasing font size. :-) 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] konqueror/safary image problem
Fulka, On Sep 8, 2006, at 6:11 AM, vwf wrote: A website I'm working on works fine with Opera/Firefox/IE6, but fails with Konqueror (3.3.2) and Safary (v?). The most dominant problem is that the images are not shown. http://www.umantec.nl/olland/ The problem is that mainwindow is stacking 'above' the left side images in safari while it is 'below' them in the other browsers. Using margin instead of padding should fix this. Try something like this... #mainwindow { padding: 45px 0px 0px 0; margin: 0 0 0 170px; ... Roger, -- Roger Roelofs [EMAIL PROTECTED] __ 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] konqueror/safary image problem
vwf wrote: Hello, A website I'm working on works fine with Opera/Firefox/IE6, but fails with Konqueror (3.3.2) and Safary (v?). The most dominant problem is that the images are not shown. http://www.umantec.nl/olland/ Can anyone point me in the right direction? Does the improper use of id=navlist have any effect? div id=navlist ul id=navlist lia href=index.html class= -- Joel Goldstick www.columbuswebmakers.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] Extra Returns
Is there a way to remove the extra returns or spacing after a heading tag (H5) or the extra space created above a list (ul tag)? Steve LaBadie, Web Manager East Stroudsburg University 200 Prospect St. East Stroudsburg, Pa 18301 570-422-3999 [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] http://www.esu.edu http://www3.esu.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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] Automatically scaling fonts
forgive me if i'm missing something, but if you want the nav bar to stay the right size for the words inside it, what's wrong with setting the nav width in em? a personal opinion: as to a site increasing my font size when i resize my window... i would never visit that size twice. i abhore horizontal scrolling, and i usually resize so i can see *more* text - not so i can *bigger* text. if i want bigger text, well that's what alt+scroll is for. if i want to be able to see more of the page at once, that's what my maximize button is for. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Extra Returns
On 9/8/06, Steve LaBadie [EMAIL PROTECTED] wrote: Is there a way to remove the extra returns or spacing after a heading tag (H5) or the extra space created above a list (ul tag)? you mean like h5 {margin-bottom: 0;padding-bottom: 0;} ul {margin-top: 0;padding-top: 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] Layout check please- was Table squirting out of DIV
Hi Gunlaug, thanks for the explanation. After reading the ALA article on negative margins I think I understand the reason for the LayoutGala #wrapper around #content and why I don't need it. My source order has the #sidenav before the content and it isn't floatedso the css ends up being much simpler and there is no need for the #wrapper. I think the main point I have missed in the past is, margins (and thus, negative margins) are handled differently for floated and inline elements than they are for non-floated block-level elements.more news to me and possiblly the missing link to my misunderstandings. Now I just have to find info on 'why how' they are handled differently. Thanks againand I'll be back! hehe... == rollandburn wrote: http://blog.html.it/layoutgala/LayoutGala24.html div#wrapper{float:right;width:100%;margin-left:-200px} div#content{margin-left:200px} Try to think of it like this: 1: div#wrapper will show up as a 100% wide float-container, but will /only take up space/ equivalent to '100% minus 200px' (regardless of how much that is). That leaves 200px empty space on the left side. 2: div#content will stay 200px away from the left edge of div#wrapper, so it won't cover up the empty space on the left side. Result: there's 200px empty space for 'navigation' and 'more stuff here' to stay in. Method with 'negative margins' on floats is best described here... http://www.alistapart.com/articles/negativemargins/ and your LayoutGala example is just a variation. This example on my site is a bit overdone... http://www.gunlaug.no/contents/wd_demo_float_03.html but the entire page-layout and the 'removed floats' rely entirely on the same 'negative margins' method as described in the ALA article. A useful bit of standard float-behavior. 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] how high can z-index be reliably?
Hi, I haven't seen a specification on how high I can set the z-index. Perhaps it is browser specific. Is going up to safe? What happens in browsers if the number is too high? Thank you, Peter __ 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] how high can z-index be reliably?
I haven't seen a specification on how high I can set the z-index. Perhaps it is browser specific. Is going up to safe? What happens in browsers if the number is too high? The CSS 2.1 Spec doesn't say how high a value can get: http://www.w3.org/TR/CSS21/syndata.html#value-def-integer but I've personally used before with no side effects. That said, you should carefully consider _why_ you need a value that high, when a z-index of 1 on an absolutely positioned element is enough for it to sit on top of all other elements (not including browser chrome/form elements and multimedia elements--which are another story entirely :). __ 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] how high can z-index be reliably?
From: Peter Michaux I haven't seen a specification on how high I can set the z-index. Perhaps it is browser specific. Is going up to safe? What happens in browsers if the number is too high? I don't think there is a specific limit - any integer will do. Browsers don't go around counting from 1 to N where N is your z-index. They just compare z-indexes to see which is greater. As a point of comparison, Google Maps gives each map marker a z-index in the range -900 to 900. (The default z-index for a marker is the marker's latitude multiplied by -10.) -Mike __ 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] Automatically scaling fonts
On the other hand, if I keep the font-size using em then the user can break the menu if they increase the size. This seems like a lose lose situation. If the entire design was specified in EMs rather than pixels, the whole design would scale. Then no one has to lose. The Yahoo! CSS Page Grids are a good and robust (if a little verbose) example of this kind of design: http://developer.yahoo.com/yui/grids/ __ 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 hack for center images, center linked captions
Oooh! Found the solution. http://www.brunildo.org/test/ImgThumbIBL2b.html --- Sandra Davis [EMAIL PROTECTED] wrote: Suggestions please? http://www.keshavhowe.com/7/upcoming_intensives.php The CSS code for this is all at the bottom of keshav.css, all what I'm calling the 'grid' - where I'm lining up images links below, all centered. Beautiful in FF, stacks vertically in IE. I need an IE hack. I'm SURE it's something simple I keep missing... __ 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] Avoiding empty pages in print - any ideas?
Tom Livingston wrote: I've created a print.css that does what I want most of the time. However, every now and then I end up with empty pages. Does anyone know of a trick I could use to loose at least the last empty page? I've searched high and low, but I can't find something workable. Sorry, no time to peek... Are you floating major sections of the content? Like a 2- or 3-col layout? Try adding to (or adding period) your print style: * {float:none;} -- or a specific element instead of * That solved similar things for me. Print is getting tricky for me lately... No -- the issue with the page is that there's a heading followed by a huge image (diagrams of how to do origami). The heading prints on page 1, and the amount of space left on page 1 is not enough for the image to fit into. So it starts on the second page, where it fits completely. As I said, there simply isn't enough space. Since these are diagrams, I think it is preferable to not break them, so the current behavior is the only other option. 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/
Re: [css-d] how high can z-index be reliably?
On 9/8/06, Peter Michaux [EMAIL PROTECTED] wrote: Hi, I haven't seen a specification on how high I can set the z-index. Perhaps it is browser specific. Is going up to safe? What happens in browsers if the number is too high? Hi, Peter, As others have mentioned, you probably don't need to go that high. Other issues will keep one item from overlapping regardless of the z-index applied to it. See http://css-discuss.incutio.com/?page=OverlappingAndZIndex for more information on that. Values of all kinds (z-index, pixel dimensions, etc.) will reach upper limits that vary from browser to browser. The limiting factor is how the browser was built by its developers. Browsers tend to be less stable when you reach large numbers that are important to computers. Common valid ranges include -32768 to 32767 (2 to the power of 16 -- 65536 -- centered around the number zero) and -2147483648 to 2147483647 (2 to the power of 32 centered around the number zero). If you go beyond numbers like this, all sorts of crazy things can happen. The numbers can wrap around, so that something like left: -4px might be reinterpreted as left: 25535px (where 25535 = 65535 - 4). Again, there should be little reason to use numbers that reach these limits, if you're clear on how the CSS rules interact. HTH, Michael __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [ADMIN] Re: Automatically scaling fonts
cj wrote: forgive me if i'm missing something, but if you want the nav bar to stay the right size for the words inside it, what's wrong with setting the nav width in em? a personal opinion: as to a site increasing my font size when i resize my window... i would never visit that size twice. i abhore horizontal scrolling, and i usually resize so i can see *more* text - not so i can *bigger* text. if i want bigger text, well that's what alt+scroll is for. if i want to be able to see more of the page at once, that's what my maximize button is for. Pete, I think it's been made clear to you the usability problems with your desired solution, and it's also been made clear that if you want to do it anyway, you'll need to do it with JavaScript. Thus, there's no more to say about it on this list. See our wiki page for other places to ask your question: http://css-discuss.incutio.com/?page=OffTopic This thread can end now, unless Pete is interested in learning how to use ems. Thanks, Zoe Gillenwater css-d list moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Avoiding empty pages in print - any ideas?
Zoe M. Gillenwater wrote: Tom Livingston wrote: I've created a print.css that does what I want most of the time. However, every now and then I end up with empty pages. Does anyone know of a trick I could use to loose at least the last empty page? I've searched high and low, but I can't find something workable. Sorry, no time to peek... Are you floating major sections of the content? Like a 2- or 3-col layout? Try adding to (or adding period) your print style: * {float:none;} -- or a specific element instead of * That solved similar things for me. Print is getting tricky for me lately... No -- the issue with the page is that there's a heading followed by a huge image (diagrams of how to do origami). The heading prints on page 1, and the amount of space left on page 1 is not enough for the image to fit into. So it starts on the second page, where it fits completely. As I said, there simply isn't enough space. Since these are diagrams, I think it is preferable to not break them, so the current behavior is the only other option. Now if the diagrams were Scalable Vector Graphics (SVG), and browsers understood such things well enough, you could resize the diagram in the print.css and still have a good printed result ... -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] Unordered list in a popup?
This is Yet Another Pure-CSS Popups Question; I didn't see my particular query addressed in the archive, so I apologize if the solution is there and I just missed it. I'm using the technique to provide selection hints in a tabbed interface; roll over the tab, get a description of why you might pick that tab. You can see a partial, anonymized version of the page here: http://thereeds.org/~mreed/test_css.html. The problem is that the most natural form for the description, based on the source documentation and the customer, is a bulleted list. But an unordered list is illegal inside an anchor, so the page won't validate in its current form. The solutions I can think of are three: 1. use a series of spans instead of lis, but style them as list items with CSS; 2. do the popup with JavaScript instead of CSS, so the text doesn't have to be within an anchor; 3. leave it as-is and don't sweat the lack of validation. Now, the full interface actually requires JavaScript, so I wouldn't be orphaning any users if I went with #2; it just feels clunkier than the CSS technique. But option #1 feels clunkier still. I could live with any of the above, but if someone has a better idea, I'd love to hear it. Thanks in advance for any help. -- Mark J. Reed [EMAIL PROTECTED] __ 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] Navbar disappearing in IE and spacing questions
Anne E. Shroeder wrote: regarding http://www.language-works.com/swimdesign/template-public-1.htm (2) I need a grey line to go over the footer navigation - right now I'm just using an HR tag and specifying a width, but really the grey bar needs to expand or contract along with the text under it. Any ideas how to accomplish that? I'd change the markup of that list of links to, well, a list. :-) (Use this as the basis: http://css.maxdesign.com.au/listamatic/horizontal01.htm) Then, you can give the ul a top border. 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] background color issues
problem child - www.magnoliapr.com (/magpr.css) IE 6+ gets the bg color happening in the wrap div, but to my surprise FF, NN and Opera does not. Also, you can see in IE that there is a slight space added after the banner/logo area. The home page is validating XHTML and CSS (save for bgcolor warnings) What am I missing? Thanks, Ron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background color issues
the good browsers have no idea that you want #wrap to contain the floats inside, so they give #wrap a 0 height. you have already triggered haslayout in ie6, which is why it's expanding to contain the floats and the background is showing up. i'd suggest sticking in the easy clearing method to get the other browsers to contain the float: #wrap:after { clear: both; content: .; display: block; height: 0; visibility: hidden; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background color issues
Actually - CSS validation states in such warning that I have no background-color assigned for my div#wrap, but if you scroll down to (or otherwise read) the css, I do...?... WTF?!? Thanks, Ron Quoting RKN Studio [EMAIL PROTECTED]: problem child - www.magnoliapr.com (/magpr.css) IE 6+ gets the bg color happening in the wrap div, but to my surprise FF, NN and Opera does not. Also, you can see in IE that there is a slight space added after the banner/logo area. The home page is validating XHTML and CSS (save for bgcolor warnings) What am I missing? Thanks, Ron __ 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] background color issues
On 9/8/06, RKN Studio [EMAIL PROTECTED] wrote: Thanks cj - this seems to work. Can I assume then that I 'always' use such clear practices after using floats? I didn't know to do this. Thanks, Ron this method is the one i most prefer to both contain floats and to clear them as well. if you'd like to see some of the other options members of css-d know of, you can visit the wiki at http://css-discuss.incutio.com/?page=ClearingSpace i personally don't like adding br/ or hr/ (or anything else for that matter) to clear. option 2 is right up my ally. __ 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] optimize css
I know there is a program/tool - that optimizes the css when it is live and can decompress it when you need to work on it. anybody know where this tool is? Thanks Neal __ 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] Avoiding empty pages in print - any ideas?
david wrote: Zoe M. Gillenwater wrote: No -- the issue with the page is that there's a heading followed by a huge image (diagrams of how to do origami). The heading prints on page 1, and the amount of space left on page 1 is not enough for the image to fit into. So it starts on the second page, where it fits completely. As I said, there simply isn't enough space. Since these are diagrams, I think it is preferable to not break them, so the current behavior is the only other option. Now if the diagrams were Scalable Vector Graphics (SVG), and browsers understood such things well enough, you could resize the diagram in the print.css and still have a good printed result ... 1. Not mentioned yet: offer a link to a print version, which can be a Word- or pdf document. Pro: then the diagrams can be more as you want them to be printed on A4, without empty pages or spaces. Con: At the start once some extra work. - And: if a page is changed, the print version has to be adapted too (but in your case the pages are rather static). And: adding a page means adding a new print document. If planned 10's of pages in future, I should not do it this way. ;-) 2. And another option, with use of the page-html. You can turn around the printing order in the print stylesheet: first the diagram (whole page, or some less), second page the header (can be now a footer too) and other stuff you want to be printed. Then the gap between the pages will be minimalised. The second page will be ending with the white space which caused the gap; but that is normal for the end of a document. :-) 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] optimize css
On 9/8/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I know there is a program/tool - that optimizes the css when it is live and can decompress it when you need to work on it. anybody know where this tool is? this isn't exactly automated so i'm not sure if it's what you're looking for, but... http://www.lonniebest.com/FormatCSS/ __ 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] optimize css
[EMAIL PROTECTED] wrote: I know there is a program/tool - that optimizes the css when it is live and can decompress it when you need to work on it. anybody know where this tool is? Thanks Neal Hi Neal, If saving the original, you don't have to decompress, and then: * Flumpcakes Style Sheet Optimiser http://flumpcakes.co.uk/css/optimiser/? * Or CSS Optimizer http://www.cssoptimiser.com/? 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] optimize css
Hi Neal, If saving the original, you don't have to decompress, and then: * Flumpcakes Style Sheet Optimiser http://flumpcakes.co.uk/css/optimiser/? * Or CSS Optimizer http://www.cssoptimiser.com/? Make sure you have a back up copy of your original unoptimized css file, and be sure to test out the new optimized CSS file before you go live with it. I tested the optimizers (above) a while back and they work well for cutting file size, but they got rid of some important CSS info that broke the layouts I was testing with. Just a word of caution. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background color issues
RKN Studio wrote: Actually - CSS validation states in such warning that I have no background-color assigned for my div#wrap, but if you scroll down to (or otherwise read) the css, I do...?... WTF?!? Thanks, Ron Quoting RKN Studio [EMAIL PROTECTED]: problem child - www.magnoliapr.com (/magpr.css Hi Ron, The css-validator has no html-sniffer or html-interpreter, so it cannot know more as mentioned in the stylesheet... ;-) The div#wrap is only once in the css, how should the ccs-validator know that an other div (and: which one) is inside the div#wrap? And for instance: div#block {background-color: #a4957a;} is followed by: #block p {color: #ff;} Say there is also a li inside the #block, then the color of the li is not covered. And maybe the color af a li in general was just the color of the background of the #block... Conclusion: in general, the css is giving the styles (and some of the cascade), but the real cascade is only in the html. So the css-validator is right to give a warning, if a color/bg-color is not in pair in the same element. Apart from that, this warning is not 100% safe: bg-color black and color: #010101 (1 degree of the 255 in the brightness scale = visible also as black, unless you are an eagle in his better years) don't give a warning, but are a validated good pair. - Validator is blind for the degree of contrast (and also for different colors with the same intensity, which can be completely unseen by colorblind people)! 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] Unordered list in a popup?
Mark J. Reed wrote: This is Yet Another Pure-CSS Popups Question; I didn't see my particular query addressed in the archive, so I apologize if the solution is there and I just missed it. I'm using the technique to provide selection hints in a tabbed interface; roll over the tab, get a description of why you might pick that tab. You can see a partial, anonymized version of the page here: http://thereeds.org/~mreed/test_css.html. The problem is that the most natural form for the description, based on the source documentation and the customer, is a bulleted list. But an unordered list is illegal inside an anchor, so the page won't validate in its current form. Hi Mark, Are you sure? I thought a Suckerfish menu has ul's for the submenu's inside the a's of the menu, and is validating as well. The solutions I can think of are three: 1. use a series of spans instead of lis, but style them as list items with CSS; 2. do the popup with JavaScript instead of CSS, so the text doesn't have to be within an anchor; 3. leave it as-is and don't sweat the lack of validation. Now, the full interface actually requires JavaScript, so I wouldn't be orphaning any users if I went with #2; it just feels clunkier than the CSS technique. But option #1 feels clunkier still. I could live with any of the above, but if someone has a better idea, I'd love to hear it. Thanks in advance for any help. Then: Option 4. Use a Suckerfish model, without links in the submenu's. Then for IE you need the sf-hover.js, but as you said a bit of javascript is tolerable. 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] Unordered list in a popup?
francky wrote: I thought a Suckerfish menu has ul's for the submenu's inside the a's of the menu, and is validating as well. Erratum! Suckerfish has no li's inside a's! But still working. :-) francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Mac assistance please?
http://debsplace.org/artist/demo3b.html I'm working on this site and it appears to be working on the pc version browsers fine. However, the owner has a mac, and on his browsers the pages aren't showing up too good. If anyone can be of any assistance I would appreciate it as I dont' have access to a mac nor the browsers used. Thanks in advance if anyone could be of any help. I would also like some input on the navigation, as the person wanted a nav set up from another site, that IMO would be too confusing to go through. 4~CSS __ 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] Decimal units in Opera
Been googling and reviewing the spec for a while and haven't found an answer to this. Why does Opera (from 5 to 9) is rounding down my decimal units ? If I say 99.9%, for Opera it's exactly equal to 99%. For example, the following HTML: div id=div1 style=width: 99%;width: 99%/div div id=div2 style=width: 99.9%;width: 99.9%/div div id=div3 style=width: 100%;width: 100%/div In IE and Firefox, #div2 is almost as wide as #div3. In Opera, #div2 is exactly as wide as #div1. The spec says a length value is a number (with or without a decimal point), and IE and FF behave as expected. Why is Opera doing this? Any workarounds? Not finding anything on google makes me feel maybe I'm missing something trivial...? Thanks! - Manuel __ 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] optimize css
[EMAIL PROTECTED] wrote: I know there is a program/tool - that optimizes the css when it is live and can decompress it when you need to work on it. anybody know where this tool is? gzip maybe? http://snipurl.com/rlvp -- Wishlist: http://snipurl.com/vrs9 Switch: http://browsehappy.com/ My: http://del.icio.us/mhulse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Some questions about validation others
Dear list members : That’s my first post, so I present myself. My name is Luis, i’m Argentine and I live in Paris. I’m a graphic designer and I made some Web sites too. I use a Mac and Firefox with Tidy and others extensions and have some browsers to compare (Safari, Opera, IE, iCab, and the Mozillas). I use to look too my pages with IE on Virtual PC, to see how he kills me. I’m working now on a site and I have some questions. http://box.ad-rh.com/admp/ By order : First : I’ cant find where the validator finds this error Target: http://box.ad-rh.com/admp/ Please, validate your XML document first! Line 332 Column 130 Element type img must be followed by either attribute specifications, or /. But my page validates in the markup validation service. Enigma. Second : When I examine my css files BBEdit says me that I have no background color in divs and uls, why ? Its mandatory ? And last : Here http://box.ad-rh.com/admp/spip.php?article1 if the left column grows (I mean if it has more items) the text of the second column loses position and touch the orange box at right. Thank you very much by advance Luis __ 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] Some questions about validation others
Luis Speciale a écrit : First : I’ cant find where the validator finds this error Target: http://box.ad-rh.com/admp/ Please, validate your XML document first! Line 332 Column 130 Element type img must be followed by either attribute specifications, or /. But my page validates in the markup validation service. Enigma. I answer myself for the first problem. It was an oddity created by the CMS. I solved. __ 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] Mac assistance please?
Deb, On Sep 8, 2006, at 6:24 PM, 4css aka deb wrote: http://debsplace.org/artist/demo3b.html I'm working on this site and it appears to be working on the pc version browsers fine. However, the owner has a mac, and on his browsers the pages aren't showing up too good. Actually it only looks bad in ie5/mac. It looks fine in current versions of firefox, safari, opera, and even iCab. IE/mac was written to follow the CSS 2.0 spec, which among other things, requires most floats to have defined widths. Hopefully Phillipe will jump in and help you out. His site, with lots of pointers for ie/mac is here http://l-c-n.com/IE5tests/. The sad thing is, 95% of the time ie/mac gets the css right, but the other 5% of the time it fails spectacularly, which is what is happening in your case. On the sites I maintain, ie/mac has dwindled to less than .1% of visitors, so I've been ignoring it lately. If you don't get specifics from others on the list, I'll see what I can do. In terms of the navigation, the sub-categories need to be indented more, maybe in a smaller font-size to make it clearer that they are sub-menu items. -- Roger Roelofs __ 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] Mac assistance please?
Actually it only looks bad in ie5/mac Hi Rodger, thank you so much for your reply! And for the link of which I shall view in the morning. I spoke to client and the sub nav wont' be used, a different way of getting around will be used instead. So it will only be the Artist names and not subs. I know weekends are really slow all around, so once again thanks for the reply. I'll ask clent what version of Safari and IE he was using. Debbie -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.2/442 - Release Date: 9/8/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/