Re: [css-d] IETester vs. Real IE6: discrepancy
Peter Abramowicz wrote: Why don't you use conditional comments for IE6 and leave italics for all the other browsers. Agree, but a simple old-IE hack in the stylesheet will IMO be better... .italic {font-style: italic; font-weight: normal;} * html .italic {font-style:normal; font-weight:bold;} Mind the order. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] divs dropping
e...@copywritecolombia.com wrote: Yes if you turn off the css then and just have the simple html as long as you read it then that is correctly formatted? My question is if there any way I can make this html better? We usually don't deal with HTML as such here on css-d. We focus on CSS styles / CSS styled HTML. OTOH: we don't mind having a look at your HTML if you want it arranged in a certain way in order to be able to style it in a certain way. First you have to explain what you mean by make this html better. As it is: without styles it gets presented in a linearized way - pretty much the same as looking at the source code but without the HTML tags. Nothing you can do about that. You can however change the order of elements and sections in the HTML source code, and try to re-style it so it gets presented in a way you find more acceptable both with and without styles. So, tell us exactly what you mean, and want, and we can at least _try_ to help - if at all possible. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IETester vs. Real IE6: discrepancy
Brian M. Curran wrote: I tested my page http://www.draftingservices.com/building_survey.html in IETester and it showed my right column pushed down, as if I had an issue with my column widths. Noticed that IE6, IETester and standalone dropped the right column when set to _normal_ or _larger_ font size, but lined it up correctly at _smaller_ font size. Might be a good idea to check for the IE6' auto-expansion bug, and maybe pull in, or at least zero out, the floats' backside margins - right side on #content and left side on #sideBar, to minimize the chance of that old IE bug causing float-drop. Those backside margins do no good in any browser anyway. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IETester vs. Real IE6: discrepancy
Brian M. Curran wrote: Thank you. However, could you explain a bit more because I Googled auto-expansion bug and didn't find much, and my margins are set to: margin:0; . This is as good an explanation as any for that bug in IE6 and older... http://www.positioniseverything.net/explorer/expandingboxbug.html ...and although I didn't really check _why_ IE expands the box in your case, the italic bug is probably the cause... http://www.positioniseverything.net/explorer/italicbug-ie.html ...since there is at least one line in your page that ends in italic text. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fixed three-column with padding: newbie question
Doug Niven wrote: However, I cannot get the middle cell to display 240px wide: http://people.ucsc.edu/~class1/ Subtract the side-padding from the float-width - both side-floats. width: 230px + padding-right: 10px equals float-width = 240px. That will leave 240px between the floats. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Div that fixed vertically but floated right
Dave M G wrote: I am trying to create a DIV that floats to the right of some content, but will stay fixed vertically even when the page is scrolled up or down. Is it the behavior of the right float on this page you want... http://www.gunlaug.no/main-en.html ...? If so, that's a 'right-float' pushed to where I wanted it by margins from inside a 'fixed positioned' container at the top of the window. Regular HTML and CSS for good browsers, and an added expression for IE6 and older. This OTOH... http://www.mininova.org/ ...is Javascript at play. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Relative paths for images not working
Karl Bedingfield wrote: Having a little problem with image paths. [...] My folder structure is: library folder holds css folder and images folder. Since css folder and image folder are in same folder, try the short and direct... .header h2 a { background: url(images/linkArrow.gif) right no-repeat; } regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 4 part question about lining up 'boxes' of information
Lisa Frost wrote: The page in question is here: http://www.diabetesflight50.org/test/xhtml/supporters.html I don't want to be emailing you all for every little thing that stumps me. Why not? That's what CSS-D is for. :-) Floats are not well suited for that kind of line-up. Resize text and even what you have will start looking weird - before becoming unreadable as content overflows the fixed-size boxes. Your case is a perfect job for *CSS Table* ... http://www.w3.org/TR/CSS21/tables.html Example: http://www.gunlaug.no/tos/moa_11g.html ...but IE7 and older won't play ball. They don't support CSS Table and need a lot of proprietary crap in order to render a look-alike... http://www.gunlaug.no/contents/wd_additions_22.html You have other variants, with varying degree of loop-jumping for cross-browser compatibility, on Bruno's site... http://www.brunildo.org/test/ ...look under Centering, Shrink wrapping, Images. Unless you got lots of time to check and fix up things across browser-land, I'll suggest you use a good old HTML Table for line-up of supporters on that page... http://www.w3.org/TR/html401/struct/tables.html Your content will be presented perfectly well in a linearized table, it works in all browsers, and I personally wouldn't bother with anything but an HTML Table for that sort of content in _that_ context. Read up on how to style a table to appear as you want. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera 10 and percentage min-height
Ingo Chao wrote: here is the testcase with the :root:overflow fix http://satzansatz.de/op/minheightrootoverflow.html Great! I arrived late on this thread, and it is good the see a fix has been found for that irritating bug. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera 10 and percentage min-height
Alan Gresley wrote: What bug are you talking about. There were two bugs. I'm only interested in the following... 1. min-height bug with Opera 10.00 as demonstrated by Ingo and fixed with :root { overflow: auto; }. ...and the fact that it appears to be fixed in upcoming Opera versions. Have a nice year, all. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: makeready ::
David Laakso wrote: I'd appreciate your comments and suggestions on this site. http://chelseacreekstudio.com/ Question: do you mean STRONG or *BOLD* when you code... pstrongBelow are/strong thumbnail images.. ...? (You know what I mean ;-) ) Also, IMO the horizontal line should be above that particular sentence, to make it perfectly clear what it points at. The rest pretty much gets an all clear from Molly 't.c.', and me. :-) regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table-like design with numbered rows
Magnus Fahlström wrote: I don't know how to achieve this without using a table: http://www.magstorm.se/table.htm A table-like design with four columns, with every row numbered, wrapped in a float:left div. For content that fits the tabular data definition, use HTML tables. Your example seems to fit that description since you have a specific order requirement. For table look-alike designs, CSS tables may come handy. Example of CSS table... http://www.gunlaug.no/tos/moa_11g.html regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Rounded Corners
Chick Newman wrote: I would like to know what people are doing to create rounded corners on div borders in non-mozilla , non-safari browsers. Still rely on shaped corners in all browsers, with javascript or editor generated source-code... http://www.gunlaug.no/tos/wd_demo_shapes_03.html ...with or without images. Pure CSS solutions will have to wait till all major browsers have caught up. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] aligning elements
Lisa Frost wrote: How do I go about vertically aligning the name of the villa in my header div with the menu. Page is here: http://www.villaphuket.com/dev/ Better to do it backwards :-) Style the ul to... #header ul { margin : 15px 0 6px 0; padding: 0; float: right; } ...and see if that's close enough for comfort. Modify the top margin if you want the menu higher or lower. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FireFox/CSS Question
tedd wrote: ... Please review the following using FireFox: http://php1.net/a-menus/simple-drop-down/ Can't see any problems in Firefox 3.0 / 3.5 on windows or Linux. Appears and works the same as in other browsers. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] conditional css for Opera?
Angela French wrote: I have some foreign language text on my page (Cambodian) which I have rendered in html. Opera, IE, and FF all render the text in different sizes. I have tried em, pt, px, %. I can do a conditional style sheet to target IE, but I don't have a way to target Opera. Can anyone tell me what the issue is with Opera and how I might solve this? Thank you. A live example of your problem would help us figure out what's causing your problem. Without such an example we'll have to guess, and can only provide you with general information. 1: there is no really reliable way to target Opera. The other browsers OTOH, can be hacked/targeted quite reliable - for the time being at least. 2: Opera has 'minimum font size' set by default - the value varies slightly with what OS it's on, and if you run into that setting then there's nothing you can do from your end. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] why does Firefox add padding?
r...@catjuggling.com wrote: I have tried this page in Chrome, Safari, IE6, and Firefox. In the first three browsers I get the result I expect, but Firefox is doing its own thing. http://www.mcmullincreative.com/crows/ I guess you want it to appear like this... http://www.gunlaug.no/tos/alien/russ/test_1112.htm ...which means you'll have to modify your styles as Philippe has suggested, and do a bit of cross-browser and accessibility styling while you're at it. Stylesheet: http://www.gunlaug.no/tos/alien/russ/test_1112_files/mockup00.css See all styles for .content-item and .sidebar-item, and the children of these elements. There's more going on there... regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertical padding weirdness
Benct Philip Jonsson wrote: Will setting any small amount of padding on the innermost containing box do the trick, like 1px or even 0px as opposed to not declaring any padding at all? Has to result in a real vertical padding - minimum 1px - to work reliable, so 0px, or a value so small that it results in zero padding when various browsers calculate it, won't work. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] What defines a ture holy grail layout?
Jay Tanna wrote: So is Lassko our resident expert on all things CSS here? Mmmm, *Laakso* is _good_ - especially at tearing our dream-designs apart. I quite often let him have a go at mine ;-) It is useful to know so that we can fire quick questions towards him to his direct email. Usually isn't seen as nice to bypass the list entirely early on, unless the subject is off topic (not really CSS related) and/or you already have a dialog going with a person. So many proficient people (and other 8-) creatures) on this list that may have something to add, or subtract, if given a chance. regards Molly 'the cat' (one of those other creatures :-) ) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertical padding weirdness
Benct Philip Jonsson wrote: So that's the margins of the h1 and the p interfering? Outside the boxes of the divs which contain them? I *really* don't understand how margins are calculated! You're encountering collapsing margins... http://www.w3.org/TR/CSS21/box.html#collapsing-margins ...and in your case it's easier to think about them as escaping vertical margins. The vertical margins on elements do indeed escape containers, but will stop escaping inside the first containing-box that has vertical paddings set on it - one of the W3C-standardized contain vertical margins solutions available to us. Which contain vertical margins solution that works best will always depend on the actual case, but vertical paddings on the innermost containing-box will always do the job. Keep the above W3C link handy, study what it says, but don't worry too much about not understanding exactly how collapsing margins works in its minutest details. Those who write standards and build browsers have had their fair share of failures in writing and programming in and out around those collapsing margins over the years, and you may still run into some unclear and inconsistent cases in both camps. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background-color Modifying Element Sizes?
Hugh Guiney wrote: http://www.nospoon.tv/test/bgcolor.html. I have tried this in Firefox 3.5.3 and Chrome 3.0.195.27 on Windows XP and the result is the same. Oddly enough, IE7 renders them exactly the opposite. So, barring that, how do I get the first example to render the same as the second in 2.1 without using the same code? You can try using two decimals for those em values, but because browsers have different tip-over points/values when calculating ems into pixels for rendering on screens you'll have a hard time finding values they'll all agree on at different font sizes. The safest is to stick to your first example only, but declare the paddings and border-width in px on both states. All browsers will agree on that, no matter which other border styles they pick up or not. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Nav element is dropped in IE
Wade Smart wrote: My friend called about her web site having an issue. She said a button has dropped. http://www.bartlesvillehomefinder.net/ Zero out default margins and paddings on the ul... ul {padding: 0; margin: 0;} regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] corresponding paragraphs
bruce.som...@web.de wrote: On the page at http://www.maireadnesbitt.com/press/press8a.html there is an article in French with a translation. It was a simple matter to place the two texts side by side and at the same time, assure that corresponding paragraphs begin on the same line, by using tables. Is there a standard technique for that using CSS? Yes, float paragraphs left at under 50% width, and declare 'clear: both' on the first - leftmost and original - paragraph for each new line. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/