Re: [css-d] Differing font-sizes between operating systems
On Sat, 25 Aug 2007, Felix Miata wrote:
Note the M$ Vista monospace font Consolas is smaller than traditional
monospace fonts, similar in apparent size to TNR. In fact, all the Vista
fonts are closer together in apparent size than the traditional M$ web fonts.
Although that's good for word processor users, it's a problem to web
authors. As I mentioned (somewhat indirectly), there's actually a good
reason for the (little known) default font size reduction for elements
like pre and code on IE: without the reduction, the default monospace font
would look too big as compated with the default copy text font.
Due to such effects, authors who set font size need to use something like
pre, code, samp, kbd, tt { font-size: 90%; }
if they want a typical monospace font look compatible in size with a
typical sans-serif font, not to mention typical serif fonts.
Now if we decide to use Vista fonts as the primarily suggested fonts on
our web pages (and I expect authors often will, as they learn about these
fonts), then we are in trouble. If we use Consolas as the monospace font
and have a reduction rule like the above, it becomes too small. Without
the reduction rule, monospace fonts will look big on systems that lack the
Vista fonts. The font-size-adjust property was designed to fix such
problems, but it only works on Mozilla browsers.
I have no good solution to this, but I thought the problem should be
mentioned, since it is relevant to people who use monospace fonts
(typically for displaying computer code). Maybe they should ignore Vista
fonts in designing their CSS style, for now. On the other hand, the effect
is not _too_ bad - at least if the factor is kept at about 90% and not
e.g. 83.3%.
--
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS shadows for centered images
I'm using Gallery 2.2 and the old slider theme. I'm trying to modify it so it shows a shadow with the main img. (10 px shadow on the right and bottom, gif created in photoshop). For 3 hours now I can't convince the shadow div (umbra) to collapse *and* keep it's alignment centered (both vertical and horizontal). Here's the link: http://nuntidigitale.ro/galerie/v/foto/1/ and the css: http://nuntidigitale.ro/galerie/themes/slider/theme.css Any ideas? Thank you! Best regards, Dan Craciun http://www.cadourinorocoase.ro __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] color consistency, accuracy
If I recall correctly, this is an old issue, and the reason why there were web-safe colors. Basically, it was said that different software may threat images differently because of inexact colors and/or different platforms --I don't recall the exact reason, though. Do you have the image and color at hand? Maybe this could be more clear if we compare them in our computers and software and tell you whether their the same or not (with platform software details). Listsmem wrote: Has anyone else noticed this problem before? Open a solid color jpeg in photoshop and use a digital color meter to read its hex value. Then drag and drop the same jpeg file into a web browser and then meter it again. The color values aren't the same. I've found that the browser tends to render it lighter, requiring adjustments to the jpeg before posting to the web. Is this because of the browser, operating system, monitor calibration (gamma) or some other factor? Clients are frequently asking me why the color of the site I build is slightly different than the color of the mockup they give me, even jpeg mockups. Thanks for any help with this matter, especially a technical discussion of why this occurs and any best practices to alleviate this issue. ~Ben __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Noob: hover thru back color
Dear list, I am trying to get those little square in the green box http://web-bereiter.de/chobocca.com/test07/de/chobocca_einsteiger1.html more perceivable as links by adding a hovering effec to them (div subsubmenu with .submenupics). The hovering area for a change of background-color of a link seems to be defined by the elements margin. At least this works fine for the textlinks at the bottom. But for images this approach wildly differs in result depending on the browser (tested with Opera9, IE6, FF2). Is the changing the background-color for images a no-no, or what is my mistake here? Thanks, Ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] some IE 6 problems
Hallo, Short version (for thos who don't have time but still would like to help me): http://www.digitale-bibliothek.de/Downloads/CSS-Test/Fixe%20Breite.htm (HTML) http://www.digitale-bibliothek.de/Downloads/CSS-Test/main.css (CSS) Problem 1: Wdith of div#zenoMF is set to 77em, but in IE 6 it's a lot wider, whereas the red div#zenoTF has the same definition and it's width is correct. What is happening there, and how can I correct it? Problem 2: The left border of div.zenoCO toughes the right edge of the left column, but only in IE 6. In IE 7 and Firefox the box is positioned and sized correctly. How can I correct that? Problem 3: The div.zenoCOFooter has to be clear: both;. But since I changed the positioning of the parent from absolute back to relative, the div.zenoCOFooter now clears the left floated left column as well. Is there any way to correct this? Best Regards, Christian Kirchhoff - Long version: I am in the middle of changing a layout. The HTML base (that won't change) is a 6-cell-grid: - top area (header) with three columns (left, middle, right) - main area with three columns (left, middle, right) This layout can be seen here: http://www.zeno.org/Zeno/-/Hauptseite (HTML) http://www.zeno.org/main.css (CSS) So far the left and right column had a fixed but em-driven width. The middle column with the main contant adjusted it's size dynamically. Problems with Internet Explorer forced me to absolutely set the position of the middle column. That problem was: Normally the middle column was aligned to the right edge of the left column, because that left column was set to float: left;. But when I resized the window and made it too small, then the middle column broke down in IE, so it was placed under the left column. To repair that, I positioned the middle column absolutely. That led to another very ugly bug in IE 6: Text selection is buggy in the middle column for text that is below...imagine the bottom edge of the left columns content and extend that to the right. That is the line below which I have those problems. Try http://www.zeno.org/Kafka-Werke/M/Romane/Amerika/Der+Heizer and you should see... No I have to change some things: - The width shell be fixed. Might be em driven so it will adjust when the user changes the zoom with his browser. But when resizing the window, the columns shouldn't adjust. - It could be that there will be a new advertisement channel around the content. I visualiszed this with a dummy ad The new layout so far can be seen here: http://www.digitale-bibliothek.de/Downloads/CSS-Test/Fixe%20Breite.htm (HTML) http://www.digitale-bibliothek.de/Downloads/CSS-Test/main.css (CSS) Because the layout is fixed, I could drop the absolute positioning of the middle column and thus get rid of the text selection bug in IE 6. First problem: If you look at the page http://www.digitale-bibliothek.de/Downloads/CSS-Test/Fixe%20Breite.htm in IE 6 you should see that the width of the main area (div#zenoMF) is wrong. Both the header and the main area are set to 77em in width. They don't have any font-size defined thus they should inherit the font-size of the parent and use that to compute the actual width. But the width of the header is correct, the width of the main area not. I guess it is some problem with IE's box modell, maybe it adds margin or padding and thus spreads the width of the main area. Second problem: The main content is in a box that has this one pixel border (div.zenoCO). In the example, in IE 6, the left border touches the right edge of the left column. Does anybody now why that is? Strangely enough, if I copy more text into the page (like in http://www.digitale-bibliothek.de/Downloads/CSS-Test/Fixe%20Breite%202.htm), the div.zenoCO is positioned just fine. Third problem: In the example, the headline of the main content says Urenkel. Below the text itself there will always be additional information (source, permalink etc.). It is wrapped in a div.zenoCOFooter. On the page http://www.digitale-bibliothek.de/Downloads/CSS-Test/Fixe%20Breite.htm. The main content can contain right floated images as well, therefore I set the div.zenoCOFooter to clear: both;. In the old layout, with the absolutely positioned middle column, that worked as desired. But now with the static or relatively positioned middle column, the div.zenoCOFooter clears the left floating left column as well, and thus jumps way to far to the bottom. Plus: The width of the div.zenoCOFooter is too big, as you can see by the top-border that extends way too far to the right. O.k., I understand that an absolutely positioned element is totally taken out of the box flow. Therefore the browser - when working with the clear attribute of some child element, doesn't take into account floated elements that are outside of that absolutely positioned div (like the left column). But is there still any way to
[css-d] reg:Debugging CSS with apache in cygwin
hi all, We configured apache and mozilla in cygwin environment, we want to know how to debug CSS file using apache and mozilla browser. thankyou. - Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] why does main content float to bottom in IE?
On this here http://www.sachistudio.com/testing/athena/ ,myhttp://www.sachistudio.com/testing/athena/,mymain content floats to the bottom in IE. Not to mention that the content in the banner is kinda doing the same thing as well. But everything is fine in Firefox. Can anyone shed some light on why this is? Thanks! -- Dean __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
snip This aricle [1] may help with regard to some of your issues? [1] http://www.satzansatz.de/cssd/hgjump.html Best, ~dL HI David, Thanks for that awesome article by Ingo :) I'll be diving into that heavily as time permits today and /hopefully/ will be able to discern exactly what element is in need of IE fix. In case I didn't make it clear, the issue I seem to be having is with Win/IE7. I'm awaiting browsershots' queue to see how horrific it may look in the dreaded IE6. Kind regards, ~R Sadly, still no joy in WinIE7 land for my nav div. I've probably not 'gotten' something easy here...and would appreciate any guidance offered. http://devel.legionpost130.org/ Appears as expected in WinFF 1.x and 2.x, Safari, etc. No joy in WinIE7. Haven't checked in the dreaded IE6 yet. Regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
I am sure that your CSS layout is overall perfectly up to the task, and could be made to work. But I am just thinking that others have cracked this nut with more easily used layouts. Like take a look at this one: http://blog.html.it/layoutgala/LayoutGala13.html Within a few minutes I think you could switch over to this and your problems would, i hope!, be solved. Just a thought. -- E. Michael Brandt www.divaHTML.com divaPOP : standards-compliant popup windows divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] why does main content float to bottom in IE?
H. Dean Hua wrote:
... main content floats to the bottom in IE.
You're experiencing a few IE bugs.
Two things:
1: the comment above the doctype keeps all versions of IE/win in quirks
mode. Delete that comment - as it says - and things will improve.
2: too tight in IE/win in quirks mode, so you get a float: drop.
Provide more space by deleting #sidebar {margin-right: 5px;}.
If you also want the layout to work in older IE/win versions - and in
newer in quirks mode, you should add the old centering method...
body {text-align: center;}
#gradlayout { text-align: left;}
Not to mention that the content in the banner is kinda doing the same
thing as well.
IE6's old 'margin-doubling on floats' bug.
Add...
.column1, .column2 {display: inline;}
...which has no effect on floats but will kill that old bug.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] why does main content float to bottom in IE?
Slight misspelling in the url. This is the correct url; http://www.sachistudio.com/testing/athena/ Thanks Rick. Yeah, I was thinking of just shrinking the padding/margin of my content but I could've sworn there was another method to maintaining uniformity across both browsers. Actually, my more pertinent question in regards to IE 6, is what is causing the banner issue. The college and mba admissions section is completely off. And how do I make it centered as well? But it is fine in IE7. Thanks again. On 8/27/07, Rick Faircloth [EMAIL PROTECTED] wrote: Hi, Dean... Looks good in IE 7, however IE 6 is showing the problem. IE 6 always has some extra space requirements that the other browsers don't. I'm not sure what the explanation is... I'm sure someone more knowledgeable than I will come along shortly and explain it. I just usually create an exception in my stylesheet(s) for IE 6 and make the padding or margin smaller for that div and it works out. Anyone have a better explanation for the problem or a better solution? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of H. Dean Hua Sent: Monday, August 27, 2007 2:19 PM To: css-d@lists.css-discuss.org Subject: [css-d] why does main content float to bottom in IE? On this here http://www.sachistudio.com/testing/athena/ ,my http://www.sachistudio.com/testing/athena/,mymain content floats to the bottom in IE. Not to mention that the content in the banner is kinda doing the same thing as well. But everything is fine in Firefox. Can anyone shed some light on why this is? Thanks! -- Dean __ css-discuss [ [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- http://sachistudio.com/content-guide/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css-d Digest, Vol 57, Issue 29
I will be away on vacation until September 4th. I will reply to requests on my return. Best regards, Terri Phillips __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] typical cross-browser trouble
Hello, I wonder if someone could help me understand how to solve this kind of issue: http://www.jenstrickland.com/genericom/ What am I doing wrong with my tabs? The height varies from safari to firefox on the mac, and on win ie, it tends to be similar to firefox on the mac. Thanks! jen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] why does main content float to bottom in IE?
Yep- Gunlaug was on target with his advice. Thanks again guys. I'll have to make a note of this for future reference too. On 8/27/07, Rick Faircloth [EMAIL PROTECTED] wrote: I see that Gunlaug has provided some detailed solutions that we can probably both benefit from... let me know if those help and I'll make note of them, too. Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of H. Dean Hua Sent: Monday, August 27, 2007 3:54 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] why does main content float to bottom in IE? Slight misspelling in the url. This is the correct url; http://www.sachistudio.com/testing/athena/ Thanks Rick. Yeah, I was thinking of just shrinking the padding/margin of my content but I could've sworn there was another method to maintaining uniformity across both browsers. Actually, my more pertinent question in regards to IE 6, is what is causing the banner issue. The college and mba admissions section is completely off. And how do I make it centered as well? But it is fine in IE7. Thanks again. On 8/27/07, Rick Faircloth [EMAIL PROTECTED] wrote: Hi, Dean... Looks good in IE 7, however IE 6 is showing the problem. IE 6 always has some extra space requirements that the other browsers don't. I'm not sure what the explanation is... I'm sure someone more knowledgeable than I will come along shortly and explain it. I just usually create an exception in my stylesheet(s) for IE 6 and make the padding or margin smaller for that div and it works out. Anyone have a better explanation for the problem or a better solution? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of H. Dean Hua Sent: Monday, August 27, 2007 2:19 PM To: css-d@lists.css-discuss.org Subject: [css-d] why does main content float to bottom in IE? On this here http://www.sachistudio.com/testing/athena/ ,my http://www.sachistudio.com/testing/athena/,mymain content floats to the bottom in IE. Not to mention that the content in the banner is kinda doing the same thing as well. But everything is fine in Firefox. Can anyone shed some light on why this is? Thanks! -- Dean __ css-discuss [ [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- http://sachistudio.com/content-guide/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] need help on managing parenthesis with right to left
hey all, My site in Arabic from right to left works great. But if I want to use some ltr strings in English, it messes up with my parenthesis like in this list: http://www.democralist.com/lists/show/61 Check out the first two items of the list, the parenthesis are wrong. The problem is that the list is generated from the database so there is no way to guess if it's displaying arabic rtl or english ltr. Any idea how to solve this? Thanx a lot in advance Pat __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] typical cross-browser trouble
j s wrote: http://www.jenstrickland.com/genericom/ What am I doing wrong with my tabs? The height varies from safari to firefox on the mac, and on win ie, it tends to be similar to firefox on the mac. I'm not sure what line-up you want, so I've given a copy of your page the corrections I _think_ are somewhat right... http://www.gunlaug.no/tos/alien/js/test_08_082703.html http://www.gunlaug.no/tos/alien/js/generico.css Absolute positioning relative to bottom of #topbanner is best suited for cases like that. Otherwise the influence of font-size, line-height and browsers font resizing options will make it pretty unstable across browser-land. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] disappearing picture
what you mean when you say
that the javascript is hiding divs based on the order on which they are
found in the divs array.
Your code:
divs=document.getElementsByTagName(div)
for (i=5;i15;i++){
divs[i].style.display=none;
}
is grabbing every div on the page, and then setting display=none on
the sixth through 15th . But if you were add or remove divs before the
current sixth one, it would wreck your page. Better would be to wrap
just those divs in another wrapper (or they may already be in a
perfectly usable wrapper) and use this instead:
var wrapper=document.getElementById(mywrappername);
var divs=wrapper.getElementsByTagName(div);
for (var i=0,len=divs.length;ilen;i++){
divs[i].style.display=none;
}
Now you can make edits to your page, and no matter, the divs within (and
only those within) your wrapper div will be made to disappear.
Hope that helps.
--
E. Michael Brandt
www.divaHTML.com
divaPOP : standards-compliant popup windows
divaGPS : you-are-here menu highlighting
divaFAQ : FAQ pages with pizazz
www.valleywebdesigns.com
JustSo PictureWindow
JustSo PhotoAlbum
--
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
E Michael Brandt wrote: I am sure that your CSS layout is overall perfectly up to the task, and could be made to work. But I am just thinking that others have cracked this nut with more easily used layouts. Like take a look at this one: http://blog.html.it/layoutgala/LayoutGala13.html Within a few minutes I think you could switch over to this and your problems would, i hope!, be solved. Just a thought. Hi Michael, et al, and thanks for the link. Very nice layout indeed. Mine is based (very strongly) on the 'holy grail' of liquid layouts, from ALA [1]. We're early enough in the dev cycle to switch layouts, but as I consider each challenge a learning experience, I'd love to know what triggered IE7's failure to display the left column. Switching may be the way to go here...I'm not ruling it out, but I would definitely appreciate anyone more experienced in CSS to point me in the direction I need to go to determine what's missing for IE7 to render that column. I'll simplify the page and try the layout provided, just to see. Thanks. Kind regards, ~Ray [1]http://www.alistapart.com/articles/holygrail __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
I completely understand the challenge aspect of this! but suggested this alternative because it seemed to me that you'd been struggling for a very long time and might by now be at your wit's end. There are other fairly pricey CSS layout products out there, as you know, but the link I sent you seems a great free alternative. -- E. Michael Brandt www.divaHTML.com divaPOP : standards-compliant popup windows divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] text at the bottom of a div
In a div which is sized by javascript, is there a way to force text to the bottom? Thanks. -- Larry rapp at lmr dot com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] need help on managing parenthesis with right to left
On Mon, 27 Aug 2007, Patrick Aljord wrote:
My site in Arabic from right to left works great. But if I want to use
some ltr strings in English, it messes up with my parenthesis like in
this list:
http://www.democralist.com/lists/show/61
I guess you mean that an entry containing a name in Latin letters get
displayed as
(algora (100 .2
whereas it should be
(100) algora .2
so that it can be read from right to left but with the algora word and
the number 100 from left to right. The problem arises because
parentheses have weak neutrality so that they are affected by surrounding
text.
(There are other problems as well, like forced horizontal scrolling with
no apparent need for it. The page is difficult to analyze to the amount of
redundant markup and embedded style sheets, so I may have misunderstood
the whole issue.)
Mixed directionality is a tricky issue and a general authoring problem
rather than specifically a CSS matter. In fact, it might be argued that
since directionality is so inherent a property of text, it would best be
handled either at the HTML level or at the character level (using Unicode
control characters) rather than CSS. Typically, when special measures are
needed for mixed directionality, using CSS for them is more complex than
using HTML.
I'd like to refer to a discussion of some bidirectionality problems:
http://www.unics.uni-hannover.de/nhtcapri/bidirectional-text.html
Someone might well find a better solution, but the one I can imagine is
based on forcing the directionality, e.g.
bdo dir=rtl
bdo dir=rtl2./bdo
bdo dir=ltralgora/bdo
bdo dir=ltr(100)/bdo
/bdo
You _could_ replace the bdo markup with CSS; e.g.,
bdo dir=rtl.../bdo
could be replaced by
span class=rtl.../span
and the CSS code
.rtl { unicode-bidi: bidi-override; direction: rtl; }
but would that really make sense?
The problem is that the list is generated from the database so there
is no way to guess if it's displaying arabic rtl or english ltr.
I'm afraid you would have to make the generator analyze the character data
to decide whether it's rtl or ltr text.
--
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari form input height
On Aug 24, 2007, at 12:49 AM, WEZ! wrote: I've looked in vain for some kind of CSS hack that would target Safari 2 but not Safari 3. Any ideas? Only thing I can recommend is finding the largest line height in a browsers and formatting the areas for that sizedd browsers. Adjusting line height didn't fix this particular issue, but I did finally find a hack that targets older Safari in the way I needed. It's ugly, but it works, at least for this particular problem at this particular time: http://tanreisoftware.com/blog/safari.html http://tanreisoftware.com/blog/?p=39#safari - Jason __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] need help on managing parenthesis with right to left
Patrick Aljord wrote: hey all, My site in Arabic from right to left works great. But if I want to use some ltr strings in English, it messes up with my parenthesis like in this list: http://www.democralist.com/lists/show/61 Check out the first two items of the list, the parenthesis are wrong. The problem is that the list is generated from the database so there is no way to guess if it's displaying arabic rtl or english ltr. Any idea how to solve this? Since your site is in Arabic, you should add dir=rtl to the html element. Like this: html dir=rtl That should solve most of your bidi problems. Please *do not* use CSS's 'direction' property for this. Because it is so closely tied to the content and so necessary to the readability of the document, bidi information should be embedded in the document with the (X)HTML 'dir' attribute. (The CSS 2.1 spec says as much in section 9.10.[1]) [1] http://www.w3.org/TR/CSS21/visuren.html#direction ~fantasai __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] need help on managing parenthesis with right to left
fantasai wrote: Patrick Aljord wrote: hey all, My site in Arabic from right to left works great. But if I want to use some ltr strings in English, it messes up with my parenthesis like in this list: http://www.democralist.com/lists/show/61 Check out the first two items of the list, the parenthesis are wrong. The problem is that the list is generated from the database so there is no way to guess if it's displaying arabic rtl or english ltr. Any idea how to solve this? Since your site is in Arabic, you should add dir=rtl to the html element. Like this: html dir=rtl That should solve most of your bidi problems. Err, but it won't solve the one right there. For that you can use the right-to-left mark, rlm; on either side of the Latin, like this: 2. rlm;algorarlm; (100) This breaks up the Latin bits so they don't connect into one long left-to-right text run. ~fantasai __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Now why we want to use strong instead of b?
I haven't quite figured out why codestrong/code came into use instead of codeb/code. The latter is so much short and easier to type? Why did that change occur? Rick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Now why we want to use strong instead of b?
I haven't quite figured out why codestrong/code came into use instead of codeb/code. For semantic reasons. The general meaning of b is stress this, which we display visually as enboldened print, but in a screen reader it is spoken more loudly. To reflect this semantic meaning we are now use strong. And with CSS we can now display strong as, for example red colored text rather than bold text if we wish. Same argument goes for i / em. (However, note that b and i are *not* deprecated and are fine to use when we do not MEAN strong or emphasis. For example it is proper to use i for the title of a magazine article, or for foreign terms. In these cases we use italics not to suggest stress, but just because that is the way Strunk and White tell us to format them. There is no semantic meaning in these latter cases.) Hope that clarifies a bit. -- E. Michael Brandt www.divaHTML.com divaPOP : standards-compliant popup windows divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Now why we want to use strong instead of b?
(However, note that b and i are *not* deprecated and are fine to use when we do not MEAN strong or emphasis. For example it is proper to use i for the title of a magazine article, or for foreign terms. In these cases we use italics not to suggest stress, but just because that is the way Strunk and White tell us to format them. There is no semantic meaning in these latter cases.) I use the cite tag for titles of books or the names of magazines (styleguides vary widely, but I always put the title of an article in quotes). This seems more correct than any other approach I've encountered. The definitions I've encountered for cite are often vague and weird. They seem to describe situations where q or blockquote would be a better choice - which leaves me feeling better about using cite for titles! So, I use cite for titles that belong in italic text, em for emphasis, and i in cases of extreme laziness or maybe some oddball situations. Foreign terms are a good example - there's no particularly semantic tag for those, is there? (Yes, you could make a span class, but that's pretty annoying). I don't use b for anything anymore and it's pretty rare that I find cases to use strong. (But I have a lot of elements with a font- weight: bold.) Does anyone find real uses for the b tag? - Jason -- http://jasondas.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Header display problem with MSIE 5.5/6
Hello,
I've recently previewed my site on browsershots.org and it looks good
in most browsers. MSIE 5.5/6 on Win2k, however, don't display the
header div properly.
Here's the site:
http://trinitychamberconcerts.com
and here's the stylesheet:
http://trinitychamberconcerts.com/newstyles.css
Here's the div in question:
#header
{
height: 146px;
font-size: 1000px;
text-indent: 1000px;
overflow: hidden;
background: #F0C091 url(images/banner.png);
background-repeat: no-repeat;
}
On the offending browsers, the background color is displayed to the
right of the background image, and the border then does not show on
the right side of the container div. I imagine this has to do with
the transparent .png background, but I can't seem to find the solution.
Thanks for any help!
rag
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
On Mon, 27 Aug 2007, Ray Leventhal wrote: Mine is based (very strongly) on the 'holy grail' of liquid layouts, from ALA [1]. We're early enough in the dev cycle to switch layouts, but as I consider each challenge a learning experience, I'd love to know what triggered IE7's failure to display the left column. Ray, The *html hack is known to cause problems with IE7. Try putting IE6 and below specific css in a conditional comment. You could try testing in IE7 with the hack removed. -- Regards, Rob Unsworth Ipswich, Australia - __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Flexible width in IE.
I am part-way through developing a template for a CMS (easier to work with a static page until the wrinkles are ironed out!). http://www.wildcatcoffee.co.nz/template.html (style is inline for now) The layout is centered with a maximum width of 60ems. In addition, the body has a padding so that some of the body background always shows. The CMS template I used as a starting point uses a javascript to emulate min/max width in IE, but it only works with pixels. And in IE6, the backgrounds of both the footer and the bottom (rounded corners) elements are shifted left. Can anyone figure out why? Checks in IE7 and Safari would also be appreciated. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
