[css-d] rtl languages - dir="rtl" not working for title tag... somehow should CSS be involved?

[Web Developer]

Seems like the content I want to use for right to left language isnt
working in the title tag. Pretty sure css cant do anything about this,
but might as well ask web-savy css-d list.

Both FF2 and IE7 goof on the title tag. although FF2 displays the
title tag correctly in the 'tab' bar, but not in main browser address
bar. Weird.



The Year "1299" should be last thing u see on left hand side. works in
the  using dir="rtl" but not in title tag. Sorry if this
question is a bit off-topic as i am pretty sure its a html question
and not css (unless u guys prefer to use css's direction/bidi-override
properties which I heard are not too good).



http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; lang="fa" xml:lang="fa">


استاد عزیز شعبانی به سال  1299




استاد عزیز شعبانی به سال  1299



__
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] Wrapping Radio Buttons

[Jukka K. Korpela]

On Mon, 5 Mar 2007, Spellacy, Michael wrote:

> Does anyone out there know how to break label text so that it does not
> wrap underneath the radio button?
...
> I've been trying to "wrap" my head around it for hours with no luck. The
> first person to say "add a break" or "use a table" is in big trouble!
> :-)

You're excluding the simplest and most logical approach, but as you wish - 
here is an approach based on semantically empty markup formatted in CSS:


.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell;
   vertical-align: top; }





   label text
...


Naturally, this does not result in the desired appearance on IE, which 
does not support table-related values for the display property (but has no 
problem with simple tables in HTML markup - hint, hint). Neither is the 
appearance intolerable; the text just wraps underneath the button.

(As a rule of thumb, if radio button labels are in danger of being 
wrapped, then they are probably too long or the layout is too tight. 
Perhaps you have some width setting that should be relaxed or removed?)

-- 
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] Overflown

[Chris Chen]

Hi,

I have two s at the top of the page, one for banner, one for links. I 
want to have a third  at bottom that has its height no more than the 
rest of the vertical space, i.e., when the content in the third  
overflows vertically, the  will show a vertical scrollbar for the user 
to access the overflown content. The  scrollbar part is easy: 
"overflow: auto"; but what do I do to make sure the thrird  takes at 
most the vertical space left (i.e., without causing *browser's* scrollbar to 
appear)? The height may be fixed, as long as it doesn't cause *broswer's* 
scrollbar to appear.


Thanks,
Chris

_
Don’t miss your chance to WIN 10 hours of private jet travel from Microsoft® 
Office Live http://clk.atdmt.com/MRT/go/mcrssaub0540002499mrt/direct/01/


__
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] Fwd: Simple Rounded corners not rounding.. need help setting up javascript correctly.

[Noah Learner]

Hey all,

The page concerned is at http://www.bartlettsfarm.com/new/inseason.html.  I
know that I need to set it up differently so the onload function works with
the different scripts running at the same time.  Any help would be greatly
appreciated.

I have validated the html and the javascript still doesn't work.  Any help
would REALLY REALLY REALLY be great.

Noah
__
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] Faux Columns not scaling to the bottom of page

[~davidLaakso]

Gunlaug Sørtun wrote:
> ~davidLaakso wrote:
>> francky wrote:
>
>>> As you reported before that IE7 was o.k. with Georg's basic page, 
>>> then apparently the cc's have to exclude IE7:
>
> I prefer to exclude those CCs entirely - if you don't mind. IE6 does
> well with a negative margin-bottom on the outer container, since it
> hides the overshooting part anyway...
> 
> ...and yes, it's a genuine IE/win bug that comes handy at times.
>
>> PS I hope the original author will set a background-color. I am 
>> getting tired of getting slammed with a face full of fuchsia every 
>> time I open his page in my version of Opera  :-P  .
>
> :-) how's _my_ example now?
>
> regards
> Georg



Georg, your example gets both the IE7.0 and Opera seal of approval. It 
is the original authors page that Opera was unhappy with. Whatever 
became of  Jon Hughes, anyway?
Best,
~dL


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Faux Columns not scaling to the bottom of page

[Gunlaug Sørtun]

~davidLaakso wrote:
> francky wrote:

>> As you reported before that IE7 was o.k. with Georg's basic page, 
>> then apparently the cc's have to exclude IE7:

I prefer to exclude those CCs entirely - if you don't mind. IE6 does
well with a negative margin-bottom on the outer container, since it
hides the overshooting part anyway...

...and yes, it's a genuine IE/win bug that comes handy at times.

> PS I hope the original author will set a background-color. I am 
> getting tired of getting slammed with a face full of fuchsia every 
> time I open his page in my version of Opera  :-P  .

:-) how's _my_ example now?

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] Faux Columns not scaling to the bottom of page

[~davidLaakso]

francky wrote:
> ~davidLaakso wrote:
>   
>> francky wrote:
>>   
>> 
>>> Anyway, I found after some experiments [2] that:
>>>
>>> * html body { margin-bottom: -23px; }
>>>
>>> is helping, together with in the html (IE only) 2 times a non-breaking 
>>> space just before the end of the last wrapper div's:
>>>
>>> 
>>> 
>>> 
>>> 
>>> 
>>> 
>>> 
>>> 
>>> 
>>>
>>> See testpage 
>>> 
>>>
>>> Should IE7 need kinda this too (with a Cond.Comm.)?
>>>   
>>> 
>>>   
>> RE: XP IE/7.0
>> Please see screenshot (lower right corner).
>> 
>>   
>> 
> Aha,
> As you reported before that IE7 was o.k. with Georg's basic page, then 
> apparently the cc's have to exclude IE7:
>
>   
>   
>   
>   
>   
>   
>   
>   
>   
>
> new testpage 
> 
>  
> Better now?
>
> Greetings,
> francky
>   
Yes, it is better now. Working as intended in XP IE/7.0 at text-size 
"largest."
Best,
~dL

PS I hope the original author will set a background-color. I am getting 
tired of getting slammed with a face full of fuchsia every time I open 
his page in my version of Opera :-P .





-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Faux Columns not scaling to the bottom of page

[francky]

~davidLaakso wrote:
> francky wrote:
>   
>> Anyway, I found after some experiments [2] that:
>>
>> * html body { margin-bottom: -23px; }
>>
>> is helping, together with in the html (IE only) 2 times a non-breaking 
>> space just before the end of the last wrapper div's:
>>
>>  
>>  
>>  
>>  
>>  
>>  
>>  
>>  
>>  
>>
>> See testpage 
>> 
>>
>> Should IE7 need kinda this too (with a Cond.Comm.)?
>>   
>> 
> RE: XP IE/7.0
> Please see screenshot (lower right corner).
> 
>   
Aha,
As you reported before that IE7 was o.k. with Georg's basic page, then 
apparently the cc's have to exclude IE7:











new testpage 

 
Better now?

Greetings,
francky


__
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] Language switching

[Paul Novitski]

At 3/4/2007 11:17 PM, Chris Chen wrote:
>I am help maintain a website that needs to support switching between 
>English and Chinese languages (preferrably just by clicking on a 
>button/link). Does CSS prescribe a recommended way to do such 
>language switching?
>
>Thanks,
>Pai-Hung


I would say yes and no.

CSS provides a language pseudo-class (:lang) for indicating the 
language of an expression, for example when mixing two languages 
together on the same page:

CSS 2.1 Specification
5 Selectors
5.11.4 The language pseudo-class: :lang
http://www.w3.org/TR/CSS21/selector.html#lang

However, the only behavior that CSS really supports for content 
switching is hover (known in javascript as mouseover).  In order to 
get content to change on click you need either server-side scripting 
or client-side scripting or both.

Here's an example of one technique that I produced using English & 
Japanese text:
http://laurietobyedison.com/WOJwords.asp?lang=EN

Every bilingual page on the site contains both languages, with only 
one of them displayed at a time.

In the absence of javascript, the Japanese/English toggle requests 
the current page from the server with the requested language selected 
(by specifying it in the body class).

With javascript enabled, the language toggle simply switches the body 
class and the displayed language changes immediately.

Regards,

Paul
__

Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.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] nested list formatting IE Win

[francky]

Timothy Martens schreef:
> Hi All,
>
> Trying to get my nested list to play nicely in IE Win. Was using  
> first-child, but no IE support? Added a class or two thinking it  
> would work but no dice.
>
> How it should look:
> http://www.kaupoart.com/collections/paintings/usque-dum-vivam-et- 
> ultra/subnav.png
>
> CSS link:
> http://www.kaupoart.com/css/screen.css
>
> HTML link:
> http://www.kaupoart.com/collections/paintings/usque-dum-vivam-et-ultra/
>
> CSS:
> [...]
>
> HTML:
>
> 
>Collections  
>

>   Paintings
>
>
>   
>  http://home.tiscali.nl/developerscorner/css-discuss/usque.htm>

(Probably the text-decoration styles of the 2nd/3rd levels have to be 
adapted now).

Success and greetings,
francky

__
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] nested list formatting IE Win

[Gunlaug Sørtun]

Timothy Martens wrote:
> Trying to get my nested list to play nicely in IE Win. Was using 
> first-child, but no IE support? Added a class or two thinking it 
> would work but no dice.

> HTML link: 
> http://www.kaupoart.com/collections/paintings/usque-dum-vivam-et-ultra/
> 
Add a well-placed 'hasLayout'[1] trigger...

* html ul#subnav ul {height: 1%;}

...and IE6 should come to its senses.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
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] Faux Columns not scaling to the bottom of page

[~davidLaakso]

francky wrote:
> Gunlaug Sørtun wrote:
>   
>> Ok, so let's see how far a bit of "blind hacking" of IE7 leads us.
>> Same test-page needs checking in IE7...
>>   
>> 
 
 CSS: 
   
 
>>   
>> 
> IE7 I can't check either, but (just as ~David's screenshot for IE7; 
> http://www.chelseacreekstudio.com/ca/georg/gs.gif) I notice in IE6 under XP 
> that there is a white bottom gap of 23px (all font-sizes, at 1024x768 
> resolution).
>
> Screenshot
> 
> 
>
> Maybe there is a simple explanation / fix [1], but I have no idea why 
> this is happening. Couldn't find a 23px anywhere in the css (or maybe it 
> is the result of 2 other distances)...
> Anyway, I found after some experiments [2] that:
>
> * html body { margin-bottom: -23px; }
>
> is helping, together with in the html (IE only) 2 times a non-breaking 
> space just before the end of the last wrapper div's:
>
>   
>   
>   
>   
>   
>   
>   
>   
>   
>
> See testpage 
> 
>
> Should IE7 need kinda this too (with a Cond.Comm.)?
>   




RE: XP IE/7.0
Please see screenshot (lower right corner).









> Greetings,
> francky
>
> [1] Among the other bugs: "The well-known 23px IE mystery gap"? ;-)
> [2] For me, "shoot in the air and try at random" is still a good method 
> to find antidotes for IE (after browsing in PIE). :-)
>
>
>   


Regards,

~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Wrapping Radio Buttons

[Spellacy, Michael]

Awesome. That did the trick. Thank you Bradley & Seona!

Regards,
Spell

Michael Spellacy
TheForce.Net
Technical Pit Droid

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Bradley Wright
Sent: Monday, March 05, 2007 7:03 PM
To: Bradley Wright
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Wrapping Radio Buttons

On 5 Mar 2007, at 16:01, Bradley Wright wrote:
> label {
>  clear: left;
>  display: block;
> }

Sorry, clearing the label will break things--clear whichever element you
want to appear on the left, which in your case is the INPUT.



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org
-- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Faux Columns not scaling to the bottom of page

[francky]

Oops, I see I've send the wrong screenshot (wrong url but same page) > 
is corrected now.
- My last question about IE7 can be canceled, as David checked IE7 in 
the meantime, & alright.

francky
__
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] nested list formatting IE Win

[Timothy Martens]

Hi All,

Trying to get my nested list to play nicely in IE Win. Was using  
first-child, but no IE support? Added a class or two thinking it  
would work but no dice.

How it should look:
http://www.kaupoart.com/collections/paintings/usque-dum-vivam-et- 
ultra/subnav.png

CSS link:
http://www.kaupoart.com/css/screen.css

HTML link:
http://www.kaupoart.com/collections/paintings/usque-dum-vivam-et-ultra/

CSS:

#subnav a:hover, #subnav a:focus, #footer a:hover, #footer a:focus  
{ color: #642913; text-decoration: underline; }
#subnav { position: absolute; left: 60px; width: 166px; white-space:  
nowrap; overflow: hidden; }
#subnav, #subnav ul { list-style-type: none; }
#subnav h4 { text-transform: uppercase; letter-spacing: 2px; color:  
#e59d3e; margin: -5px 0 0; }
#subnav li { font-weight: bold; line-height: 3em; }
#subnav .level_2 li, #subnav .level_3 li  { font-weight: normal; }
/* #subnav li a, #subnav li h4 { padding-left: 20px } */
#subnav .level_2 li { line-height: 2em; text-transform: uppercase; }
/*.level_2 li:first-child { margin-top: -8px; }*/
#subnav .level_3 li { line-height: .1em; text-transform: capitalize; }
/*.level_3 li:first-child { margin-top: 0; }*/
.last { margin-bottom: .5em; }

HTML:


Collections   
Paintings


Sotto La Volta Celeste
Usque Dum Vivam Et Ultra


Space, Space
Gather These Riches
Les Tres Bas
Take Me to the Other Side
The  
Architect of the Future


L’oro Dell’ulivo


Sculptures
Ceramics
Fountains
Photography
  




Aloha,

T
__
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] Faux Columns not scaling to the bottom of page

[francky]

Gunlaug Sørtun wrote:
> Ok, so let's see how far a bit of "blind hacking" of IE7 leads us.
> Same test-page needs checking in IE7...
>   
>>> 
>>> CSS: 
>>>   
>
>   
IE7 I can't check either, but (just as ~David's screenshot for IE7; 
http://www.chelseacreekstudio.com/ca/georg/gs.gif) I notice in IE6 under XP 
that there is a white bottom gap of 23px (all font-sizes, at 1024x768 
resolution).

Screenshot



Maybe there is a simple explanation / fix [1], but I have no idea why 
this is happening. Couldn't find a 23px anywhere in the css (or maybe it 
is the result of 2 other distances)...
Anyway, I found after some experiments [2] that:

* html body { margin-bottom: -23px; }

is helping, together with in the html (IE only) 2 times a non-breaking 
space just before the end of the last wrapper div's:











See testpage 


Should IE7 need kinda this too (with a Cond.Comm.)?

Greetings,
francky

[1] Among the other bugs: "The well-known 23px IE mystery gap"? ;-)
[2] For me, "shoot in the air and try at random" is still a good method 
to find antidotes for IE (after browsing in PIE). :-)




__
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] position: fixed, transparency, and site performance

[Gunlaug Sørtun]

Matthew Bernhardt wrote:
> http://benedikt.knowlton.ohio-state.edu/default.asp?content=59
> 
> Simply put, I'm worried about the responsiveness of the site under 
> certain conditions, and wondering what I can do via CSS to improve 
> the situation.

Don't think transparency slows it down too much, but edge-crossing of
fixed elements does.

Suggestion:

1) A branding toolbar at the top
...stay fixed, but stacked on top with 'z-index: 4'. Better to keep it
fully visible and all links working despite of scrolling, IMO.

2) A menu element on the left
...stay fixed, but those :hover effects sure are slow first time
and that menu doesn't look good, to me. I would switch to a
better-looking and better-acting text list, ASAP.

3) A content element in the center
...I'd move it slightly so it doesn't overlap the menu (or narrow the
menu for the same effect). Especially Gecko seems to "lag" a bit when
scrolling over several fixed elements.

4) A background image
...delete that image-container and set those images as fixed background
on body. Most speed to gain here, and it also looks better this way,
IMO. Besides; even IE6 can handle fixed background on body.
No stretching of background-images though.

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] Wrapping Radio Buttons

[Bradley Wright]

On 5 Mar 2007, at 16:01, Bradley Wright wrote:
> label {
>  clear: left;
>  display: block;
> }

Sorry, clearing the label will break things--clear whichever element  
you want to appear on the left, which in your case is the INPUT.



__
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] Wrapping Radio Buttons

[Bradley Wright]

On 5 Mar 2007, at 15:50, Spellacy, Michael wrote:
> Good
>
> [0] Now is the time for all good
> men to come to the aid of their country
>
> I've been trying to "wrap" my head around it for hours with no  
> luck. The
> first person to say "add a break" or "use a table" is in big trouble!
> :-)

Try something like:


div {
 /* contain floats */
 overflow: hidden;
 zoom: 1;
}

label, input {
 float: left;
}

label {
 clear: left;
 display: block;
}

label {
 /* give it a width so IE doesn't do weird things when floating  
consecutive elements */
 *width: 200px;
}




 
 Now is the time for all good men to come to the  
aid of their country


Note that you can use any block-level element, not just a DIV: if  
you're grouping radio buttons it's probably best to use a fieldset.  
Some fiddling may be required to get this to line up exactly (with  
margins), but it's the basics.
__
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] Faux Columns not scaling to the bottom of page

[~davidLaakso]

Gunlaug Sørtun wrote:
> Ernie Finlay wrote:
>   
>> In IE7,side columns and text are blocked level with the bottom of the
>>  building photo.
>> 
>
> Ok, so let's see how far a bit of "blind hacking" of IE7 leads us.
> Same test-page needs checking in IE7...
>
>   
>>> 
>>>   
>
>   
>>> CSS: 
>>>   
>
>   Georg
>   




XP :: IE7.0
Works as intended (faux columns touching bottom  viewport):
checked at text-size "largest" 735 by 116 to 1280 by 1024.
Regards,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Wrapping Radio Buttons

[Spellacy, Michael]

Hi Everybody!
 
Does anyone out there know how to break label text so that it does not
wrap underneath the radio button?
 
Bad
 
[0] Now is the time for all good
men to come to the aid of their country.
 
Good
 
[0] Now is the time for all good 
men to come to the aid of their country
 
I've been trying to "wrap" my head around it for hours with no luck. The
first person to say "add a break" or "use a table" is in big trouble!
:-)

Thanks in advance for any help you can offer.

Regards,
Spell


Michael Spellacy
Senior UI Developer
TMP Worldwide
646.613.2220

__
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] Absolute doesn't like relative

[Karl Brightman]

I managed to realise what i had missed in the css after a good nights sleep
but a nice reference and test page. Cheers!

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Gunlaug Sortun
Sent: Saturday, 3 March 2007 7:54 AM
To: Karl Brightman
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Absolute doesn't like relative


Karl Brightman wrote:
> [...]

> My absolute positioned div within the first relative positioned div
> always go BEHIND the second. This only occurs in IE(tested in 6&7),
> although i have only been able to test in FF ie6 and ie7.

> http://webfirm.com.au/temp/abs_rel_test.html

IE does indeed have problems, but those can be solved by z-index
stacking the relative positioned elements.
Browsers have default-differences in this area, and styled stacking
doesn't work the same across browser-land either.

Example - an expansion of your test case...



...where your original is 'test 1' and you _want_ the behavior / styling
for 'test 5'.
Have a look at the other tests while you're at it, and observe the
differences between IE, Firefox and Opera.

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/


__
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] position: fixed, transparency, and site performance

[Mark Lundquist]

Hi Matt,

I think all the ideas you mentioned are things that you can just try 
really easily...

On Mar 5, 2007, at 2:12 PM, Matthew Bernhardt wrote:

> a) Implement the background image via the background-image property - 
> but
> I'm not sure how to get it to stretch as it does now?

Not sure about the "stretching" you're talking about, not sure why you 
wouldn't just use background-image to begin with... I'm not doubting 
that you have a good reason, I just don't get it :-)... If it were me, 
the only way I'd have made that image content instead of background 
would have been if I'd tried background-image first (which seems more 
natural to me) and discovered that it didn't work for some reason...

> b) Turn off the translucency of the content/menu elements, and make 
> them
> fully opaque - does having to calculate translucency slow a site's
> scrolling down?

Give it a try and find out!  It's just a couple of CSS rules, right?

> c) Abandon/combine some of the "position: fixed" elements so that more 
> of
> the page scrolls - not sure if this will help at all, frankly

Try losing those other elements and see what happens... either throw 
"display: none" on them, or delete 'em from the markup.

> d) Switch the menu system to a more semantically-correct text list, 
> rather
> than the image-based list that it uses currently. This will be quite a
> struggle with the designers where I work,

Bummer, they are married to that old-school Crapweaver image-swapping 
menu script generator, huh?  I could halfway understand that if the 
images were decent, then at least it would be using something crappy to 
get something that looks good, but... IMNSVHO, the text in those images 
is pixelly and crappy-looking (could the designers not figure out how 
to turn antialising on, or was it actually made to look that way on 
purpose?)  They're using something crappy to get something 
crappy-looking, so there isn't even a good excuse.  More to the point, 
the image-swapping is unnecessary.  Both of the hover effects — the 
text color change, and the appearing arrow — are 
cross-browser-achievable using only CSS.

> but if necessary I can try to
> make the case on performance issues - if it will actually help (will 
> it?)

No :-(.  Not w.r.t. your scrolling issues.  However, it should perk up 
page load times, especially on the first page load where you currently 
are loading all those navmenu images into the browser cache... and also 
from the standpoint of lighter markup for the browser to deal with.

That said, you can always try just deleting the navmenu and seeing if 
it does improve your scrolling performance.  I don't think it will, 
though.

Good luck, hopefully someone can help you get the scrolling issue 
figured out... but if not, and you end up figuring it out yourself, I 
hope you tell us what the cause/fix was, 'cause I'm curious :-)

cheers,
—ml—

__
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] Faux Columns not scaling to the bottom of page

[Ian Young]

> Ernie Finlay wrote:
> > In IE7,side columns and text are blocked level with the bottom of the
> >  building photo.
>
> Ok, so let's see how far a bit of "blind hacking" of IE7 leads us.
> Same test-page needs checking in IE7...
>
> >> 
>
> >> CSS: 
>
Works fine on IE7 at largest text size.

Nice one Georg

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.446 / Virus Database: 268.18.7/710 - Release Date: 04/03/2007
13:58

__
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] Faux Columns not scaling to the bottom of page

[Gunlaug Sørtun]

Ernie Finlay wrote:
> In IE7,side columns and text are blocked level with the bottom of the
>  building photo.

Ok, so let's see how far a bit of "blind hacking" of IE7 leads us.
Same test-page needs checking in IE7...

>> 

>> CSS: 

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/

[css-d] position: fixed, transparency, and site performance

[Matthew Bernhardt]

Hello everyone,
   I have a question that's been bugging me about a design I'm working on,  
which can probably best be seen on a page like this:

http://benedikt.knowlton.ohio-state.edu/default.asp?content=59

Simply put, I'm worried about the responsiveness of the site under certain  
conditions, and wondering what I can do via CSS to improve the situation.

There are 4 basic elements on this page:
   1) A branding toolbar at the top
   2) A menu element on the left
   3) A content element in the center
   4) A background image

Three of these four are placed using "position: fixed", while the fourth  
(the content) is placed using "position: absolute". I'm generally happy  
with the scroll response of the site using a reasonably fast computer in  
any of my 6+ test browsers. However, when the computer is a bit slower,  
the response times for things like scrolling tend to lag - which worries  
me.

As the design is entirely implemented via CSS, my assumption is that only  
via the CSS can I improve the responsiveness of the site (is this  
correct?). Thus far, I've thought about the following potential  
strategies, but I'm not sure any of them will help:

a) Implement the background image via the background-image property - but  
I'm not sure how to get it to stretch as it does now?

b) Turn off the translucency of the content/menu elements, and make them  
fully opaque - does having to calculate translucency slow a site's  
scrolling down?

c) Abandon/combine some of the "position: fixed" elements so that more of  
the page scrolls - not sure if this will help at all, frankly

d) Switch the menu system to a more semantically-correct text list, rather  
than the image-based list that it uses currently. This will be quite a  
struggle with the designers where I work, but if necessary I can try to  
make the case on performance issues - if it will actually help (will it?)

Any thoughts on how to improve the scrolling performance of the site would  
be most welcome - including whether you notice any slow responses via your  
connection (please include relevant details of your OS/browser/connection  
speed if possible?)

Thanks in advance,
Matt

-- 
Matt Bernhardt, [EMAIL PROTECTED]
Webmaster  +  Fab  Lab  Coordinator
Knowlton  School   of  Architecture
TheOhio StateUniversity
__
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] A question regarding modifying CSS navigation

[John Moynihan]

Hi Folks,
I am attempting to modify a navigation list on a website that I was asked to
help out with. The reason I agreed to modify the navigation is because the
site is for a nonprofit disability related organization. 

The site currently has a vertical list for their navigation with styles
applied. They have asked me to modify the navigation to add some fly-out sub
links to a few of the links in the navigation list. I have tried a few ideas
that I had but have had no success in formatting the navigation to work as
they would like. 

I am including the html and the css from the site.
The Html:




Who we
are

Mission

Calendar

Support Us 

Become a Member 

Board Members

Members Area

Consumers Quotes

Links

Annual Report

Position Papers 

Contact Us

Site Map





 

The CSS:

#navcontainer {

  width: 115px;

  background-color: #336699;

}

 

#navcontainer ul

{

margin-left: 0px;

padding-left: 0px;

list-style-type: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

background-color: #336699;

}

 

#navcontainer a

{

display: block;

padding: 3px;

width: 120px;

background-color: #336699;

border-bottom: 1px solid #eee;

}

 

#navcontainer a:link, #navlist a:visited

{

color: #EEE;

text-decoration: none;

}

 

#navcontainer a:hover

{

background-color: #369;

color: #fff;

}
#navlist

{

margin-left: 0px;

margin-right:5px; padding-right:20px

padding: 3px;

border: 1px solid #336699;

width: 13.5em;

background-color: #336699;

font: 12px verdana,sans-serif;

}

 

#navlist li

{

list-style: none;

border: 1px solid #26a;

}

 

#navlist a

{

color: #eee;

text-decoration: none;

display: block;

border-left: 1em solid #159;

border-bottom: 1px solid #159;

padding: 4px 4px 4px 8px;

}

 

#navlist a:hover { border-color: #124; }

 

.NavLinks {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 8.5pt;

  font-style: normal;

  line-height: 165%;

  font-weight: bold;

  font-variant: normal;

  text-transform: none;

  color: #FF;

  text-decoration: none;

}

Here is a sample link to give you an idea of what I need to do -
http://www.cssplay.co.uk/menus/flyoutt.html, I've tried to apply the theory
from this page to their existing navigation but I can't get it to work
properly. When I add the sub links I get a bulleted list instead of a
fly-out type of navigation.

I would greatly appreciate any advice you can offer with regard to adding a
sub link fly-out to the existing navigation.

Thanks,
John 

__
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] multiple ie's

[david]

You can use your Windows-based VM software to install and run Linux, 
then use the excellent and free IEs4Linux product to install and run 
IE5, 5.5 and 6. IEs4Linux is working on installing and running IE7, but 
it doesn't work for me here yet.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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] multiple ie's (was: Re: Horizontal list menu misbehaves in IE 6 - update - Firebug lite)

[David Hucklesby]

>> Mark Baber wrote:
>>> As for IE7 ... last I heard, one can't run IE and IE6 on the same
>>> machine, and so I won't be able to test on IE6 if I "upgrade".
>>>

> Ingo Chao responded:

>> http://blogs.msdn.com/ie/archive/2006/11/30/ie6-and-ie7-running-on-a-single-
>> machine.aspx - Virtual PC 2004
>> - Virtual machine image with WinXP/IE6 (>500MB virtual hard disk file, vhd)
>>
>> Run virtual pc, add a new virtual machine, assign the extracted vhd file to 
>> this vm.
>>
>>
On Mon, 05 Mar 2007 12:15:34 +0100, Erik Visser retorted: 

> How about this then?
>
> http://tredosoft.com/Multiple_IE
>
> Is that not going to work?
>
Well, it works well for me. Be aware there are some limitations
with these stand-alones. In particular, check out "Taming Your Multiple
IE Standalones"[1] to see how conditional comments are affected.

No need to do the registry hacks, though. Tredosoft thoughtfully does
these for you.

[1] 

Cordially,
David
--
www.hucklesby.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] form elements and back button

[Mark Lundquist]

Hi Noel,

Yeah, this list really is just for CSS-related topics only, not HTML 
forms or Javascript.  I'll email you the answer off-line.

cheers,
—ml—

__
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] png color and IE7

[David Hucklesby]

On Mon, 05 Mar 2007 12:25:12 +0200, Ido Dekkers wrote:
>
> I'm using partially transparent PNG's over a background with the same hex 
> code as in
> the png itself.
> for some reason in IE7 they don't show as the same color. the same problem 
> occurs with
> text colored with the same hex as a png background - that too shows in a 
> different
> color in IE7.
>
On Mon, 05 Mar 2007 10:54:33 +, Rob Wilmshurst replied:
> You could try 'pngcrush' - http://pmt.sourceforge.net/pngcrush/ I've found it 
> useful
> for shrinking pngs (Photoshop seems to output really big ones) and solving 
> this colour
> mis-match.  No idea why or how though :)
> 
Answer: PNGs are saved by most graphics software with "gamma correction"
data embedded. What this means is that some browsers, notably IE, apply
this "correction" with the intention of rendering the color the same on
different platforms. You may have noticed images may look different on Mac
than on Windows, for example. Gamma correction is supposed to fix that.

Bottom line - the gamma "correction" shifts the color away from the
RGB color you are trying to match.

Annoying though this is, one could argue that, in this instance, IE is
doing the right thing.

You could try pngcrush. Personally, I found it a bit tricky, as you may
need to look up what all those options mean. I have had really good
luck with PNGOut for Windows[1]. By default, it removes *all* the meta 
data that Photoshop stuffs into a PNG exported for web, yet does not 
even give you the option of removing important stuff. Use it as it comes.

[1] 

Cordially,
David
--
www.hucklesby.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] form elements and back button

[Noel Taylor]

Dear forum,

I've written a web page in which a  element uses the
"onchange" attribute to advance to another page instead of requiring
the user to pick an option from the select menu and then click a
"submit" button.

One problem with this, however, is that if the user clicks their back
button after using the  menu, the previously selected value
remains in place.

Please visit this mini-example page, a cgi-script written in python,
for a clearer example of what I mean:

  http://flash.uchicago.edu/~nttaylor/selectTest.py

There is a select menu with choices 'a', 'b', and 'c'.  The default it
a blank linke. There is an instruction to pick one of the choices.

Try selecting one, for example, 'b'.  The page changes to say "you
selected 'b'" The select menu still appears, only now the default is
'b', the logic being that since you just selected 'b',  there's no
point in selecting it again.  Instead, all other options are
available, and the "onchange" instructions will be executed if the
user chooses one of them.  This is correct behavior, as I see it.

But now try clicking your back button.  If your browser is like mine,
you will once again see the "Please select 'a', 'b', or 'c'" message,
but the select menu will still be stuck on 'b' instead of reverting to
the blank line.

So my question is, how can I get the select menu to return to the
state it was in when you first arrived at the page?  I don't want to
use "document.form.reset()" because that would also prevent the menu
from displaying the "correct" behavior described above, where the menu
does reflect the user's choice.  I don't want to blank out the fields
every time; I want the browser to remember the full state of each
visit to the page and reflect that state in the form values.

I hope this question is clear.  Can anyone help?

with thanks,

N Taylor
__
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] Faux Columns not scaling to the bottom of page

[Ernie Finlay]

In IE7,side columns and text are blocked level with the bottom of the 
building photo.




From: Gunlaug Sørtun <[EMAIL PROTECTED]>
To: Jon Hughes <[EMAIL PROTECTED]>
CC: css-d@lists.css-discuss.org
Subject: Re: [css-d] Faux Columns not scaling to the bottom of page
Date: Mon, 05 Mar 2007 18:09:01 +0100

Jon Hughes wrote:
> http://santinipackers.com/phazm/
>
> I need to get the left and right columns to span to the bottom of the
>  page,

Ok, here's a corrected copy of your page...



...which is working as you want in latest Opera, Firefox, Safari and
IE6. I still can't check in IE7, so someone will have to tell me how
that one is doing.

CSS: 
...with corrections, a few notes, and some more corrections.
Images and files are renamed to go with my system, so forget those.

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/



__
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] Removing space between div tags

[jeffrey morin]

it looks like you have images inside of  tags. if you zero down the
margins on those that will fix the top gap. not sure about the bottom
though. i couldn't see any margin or padding issues.

On 3/5/07, Farid Jamea <[EMAIL PROTECTED]> wrote:
>
> Here is the website I'm working on:
>
> http://cateringbyingrid.com/menu.html
>
> both IE7 and FF2 show spaces between my "menuheader" and "menufooter".
> This might have a very trivial solution, but I'm very new to CSS. (the
> margin is set to zero on all of them)
>
> HTML code validates.
>
> Any answer is appreciated.
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Removing space between div tags

[Mark Lundquist]

Hello,

On Mar 5, 2007, at 10:17 AM, Farid Jamea wrote:

> Here is the website I'm working on:
>
> http://cateringbyingrid.com/menu.html
>
> both IE7 and FF2 show spaces between my "menuheader" and "menufooter".

This is caused by normal margin collapsing... which takes everyone by 
surprise at some time or another :-)

Set top and bottom padding of 1px on div.menu and all will be well.

Just a style point... your names "menu", "MenuHeader", "MenuFooter" do 
not refer to "a kind of thing", but rather to "one specific thing", 
i.e. it's not "a MenuHeader", it's "*the* MenuHeader".  So, you should 
use the 'id' attribute for these, not 'class'.  A class is for naming a 
kind of somthing, an id is for naming a specific thing.  A CSS id 
selector looks like this:

div#MenuHeader

Cheers,
—ml—

__
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] Removing space between div tags

[Farid Jamea]

Here is the website I'm working on:

http://cateringbyingrid.com/menu.html

both IE7 and FF2 show spaces between my "menuheader" and "menufooter".
This might have a very trivial solution, but I'm very new to CSS. (the
margin is set to zero on all of them)

HTML code validates.

Any answer is appreciated.
__
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] Column Text Flowing in CSS

[Chris Williams]

Precisely what I expected to hear.  No respectable page-layout mechanism can 
ignore "flow", but for it to be a "really soon now" feature is hardly a 
surprise.

Thx.

-Original Message-
From: Gunlaug Sørtun
Subject: Re: [css-d] Column Text Flowing in CSS

No problem - once enough browsers supports 'Multi-column layout'...

...and/or readers have changed/upgraded to those that do.
Doesn't look like W3C have finished working on that CSS3 module yet
though, so it may take a while before we can really use it.
__
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] Column Text Flowing in CSS

[Gunlaug Sørtun]

Chris Williams wrote:
> Thanks for your help, but regardless of the validity of "the look", 
> the goal is to look like a newspaper (there will be page edge 
> graphics, headline, etc.).  So, whether it is better/worse for the 
> reader may be a question for the site owner to decide, not me :)

No problem - once enough browsers supports 'Multi-column layout'...

...and/or readers have changed/upgraded to those that do.
Doesn't look like W3C have finished working on that CSS3 module yet
though, so it may take a while before we can really use it.

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] clueless with

[Gunlaug Sørtun]

David Agnew wrote:

> http://www.lighthouse.chtr.k12.ma.us/index.php works in IE7, Firefox,
> Safari, but not earlier versions of IE.

The addition of...

@media screen {
* html #navarea {position: relative; margin-bottom: -1000px;}
* html #contentbody {position: relative; height: 1%;}
* html #log {position: absolute; top: 3px; left: 30px; margin: 0;}
* html #masttxt {height: 70px;}
}

...will make IE6 treat that page quite well, and it shouldn't look too
bad in older win-versions either. IE6 doesn't understand 'position: fixed'.
The @media screen {} wrapper prevents IE/Mac from seeing those styles.

Note: the 'Site map' paragraph, form and search get covered by the main
area when subjected to font-resizing in all browsers. Reposition those
parts, and test well with font-resizing.

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] Column Text Flowing in CSS

[Chris Williams]

Thanks for your help, but regardless of the validity of "the look", the
goal is to look like a newspaper (there will be page edge graphics,
headline, etc.).  So, whether it is better/worse for the reader may be a
question for the site owner to decide, not me :)

-Original Message-
From: Branko Vukelic
Subject: Re: [css-d] Column Text Flowing in CSS

On Monday 05 March 2007 19:49:44 Chris Williams wrote:

> Is there a way, just using CSS, to make text flow in columns?  E.g., I
> want a "newspaper two-column" look and would like the text to
> automatically flow from the left column to the right column.

Although I don't know how to flow text in a multi-column layout, I would

advise not to do that.

>From a functional point, it would be an incovenience unless the text is
fairly 
short (that is about < 400px - height of a typical (?) viewport at
800x600px 
resolution). The reason? Simple. You don't want your readers scrolling
up and 
down to read both (all three, four, whatever) columns. Columns can be
more 
effectively used as a wehicle for content categorization (links vs
content, 
content vs highlights, etc) and means for users to pick what they want
to 
read, access, etc.

Of course, this is only my opinion and I am certainly not the one to
tell you 
what to do. Nevertheless, I hope this helps in any way with anything. :)

Best regards,
__
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] What's the proper way to vertically center an element within its parent?

[Ed Seehouse]

On 3/4/07, Chris Chen <[EMAIL PROTECTED]> wrote:
> >The modern way to do this, since a menu (even a horizontal one) is
> >just a list of links, is to use the UL element as the wrapper.  The
> >anchors then go in the LI elements within.  See for example the> >Listamatic 
> >site at http://css.maxdesign.com.au/listamatic/
>
> COOL! I am happily switching  + inline :-).

Actually in many if not most cases it's better to float the LI
elements left rather than make them inline.  It allows many more
styling options and is more flexible, but the CSS is more complex.

> One caveat is that inlined
>  introduced an unknown fixed padding that I have to compensate for via
> experiment (since I need to center the list in the middle). This is IE7.

Yes, this is well known and does add some minor complexity, but to the
CSS rather than the HTML.
The problem is not with the LI elements however, but with the UL
itslef, which the standard suggest have an indent placed on it.

Just set border-left and padding-left to 0, or one of them to zero and
the other to any indent you want.

Simplest for a horizontal list is

> ul
> { padding-left 0; margin-left 0;}

You have to do both because while most browsers use the one, IE uses
the other.  This is perfectly within the CSS standard so it isn't an
IE "bug", just an allowed difference.
__
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] Column Text Flowing in CSS

[Branko Vukelic]

On Monday 05 March 2007 19:49:44 Chris Williams wrote:

> Is there a way, just using CSS, to make text flow in columns?  E.g., I
> want a "newspaper two-column" look and would like the text to
> automatically flow from the left column to the right column.

Although I don't know how to flow text in a multi-column layout, I would 
advise not to do that.

>From a functional point, it would be an incovenience unless the text is fairly 
short (that is about < 400px - height of a typical (?) viewport at 800x600px 
resolution). The reason? Simple. You don't want your readers scrolling up and 
down to read both (all three, four, whatever) columns. Columns can be more 
effectively used as a wehicle for content categorization (links vs content, 
content vs highlights, etc) and means for users to pick what they want to 
read, access, etc.

Of course, this is only my opinion and I am certainly not the one to tell you 
what to do. Nevertheless, I hope this helps in any way with anything. :)

Best regards,


Branko
__
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] Column Text Flowing in CSS

[Chris Williams]

I'm pretty sure I know the answer to this, but I thought I'd ask the
astute minds here.

 

Is there a way, just using CSS, to make text flow in columns?  E.g., I
want a "newspaper two-column" look and would like the text to
automatically flow from the left column to the right column.

 

As I'm using server side programming to produce the content, I can
mathematically do much of this (split the text for the two columns by
character count), but there are layout issues such as text
justification, inline images, etc..  I was just wondering if somewhere
in the CSS specs I'm missing something... or if someone has an example I
could take a peek at.

 

Thanks in advance for any advice/counsel,

Chris

__
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] What's the proper way to vertically center an element within its parent?

[david]

Chris Chen wrote:
>> [snip] There are prettier ways to do it
>> too, if you're worried about your source looking nice.  One way that I 
>> use is:
>>
>>FooBar
> 
> That's neat. Could you advise why this comment trick work, and how 
> widely does it work across browsers?

Don't know about that, but I've seen formations like this used a lot:

something heresomething here

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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] Faux Columns not scaling to the bottom of page

[Ian Young]

>
>
> re: someone will have to tell me how that one is doing.
> XP :: IE7.0. Good to go at text-size 'medium." I regret that at
> text-size 'largest" the faux does not extend to the bottom viewport.
> Screenshot:  

If you add a min-height to faux-1 that seems ok in IE7 even at largest text.

http://www.iyesolutions.co.uk/templates/santini/

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.446 / Virus Database: 268.18.7/710 - Release Date: 04/03/2007
13:58

__
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] What's the proper way to vertically center an elementwithin its parent?

[Chris Chen]

It should work in all browsers.  As for how it works, you know how if
you have something like:

Foo
   Bar

in your HTML, it will render as Foo Bar, and not FooBar?  It reduces
multiple spaces, tabs, linebreaks, etc down to one space.  IE is doing
that with the linebreak and any indentation you have between the list
items, so you're getting [space].

The comment turns that into  so that
the space is commented, and not rendered.


Neato. Thanks!

Chris

_
Win a Zune™—make MSN® your homepage for your chance to win! 
http://homepage.msn.com/zune?icid=hmetagline


__
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] What's the proper way to vertically center an element within its parent?

[Kenny Graham]

> That's neat. Could you advise why this comment trick work, and how widely
> does it work across browsers?

It should work in all browsers.  As for how it works, you know how if
you have something like:

Foo
   Bar

in your HTML, it will render as Foo Bar, and not FooBar?  It reduces
multiple spaces, tabs, linebreaks, etc down to one space.  IE is doing
that with the linebreak and any indentation you have between the list
items, so you're getting [space].

The comment turns that into  so that
the space is commented, and not rendered.
__
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] What's the proper way to vertically center an element within its parent?

[Chris Chen]

[snip] There are prettier ways to do it
too, if you're worried about your source looking nice.  One way that I use 
is:


   FooBar


That's neat. Could you advise why this comment trick work, and how widely 
does it work across browsers?


Thanks,
Chris

_
Play Flexicon: the crossword game that feeds your brain. PLAY now for FREE.  
 http://zone.msn.com/en/flexicon/default.htm?icid=flexicon_hmtagline


__
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] Faux Columns not scaling to the bottom of page

[~davidLaakso]

Gunlaug Sørtun wrote:
> Jon Hughes wrote:
>   
>> http://santinipackers.com/phazm/
>>
>> I need to get the left and right columns to span to the bottom of the
>>  page,
>> 
>
> Ok, here's a corrected copy of your page...
>
> someone will have to tell me how
> that one is doing.
>
> ...which is working as you want in latest Opera, Firefox, Safari and
> IE6. I still can't check in IE7, so someone will have to tell me how
> that one is doing.
>   


re: someone will have to tell me how that one is doing.
XP :: IE7.0. Good to go at text-size 'medium." I regret that at 
text-size 'largest" the faux does not extend to the bottom viewport.
Screenshot:  




>
>
> regards
>   Georg
>   



Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] What's the proper way to vertically center an element within its parent?

[Chris Chen]

>There's nothing ugly at all about making anchors display as blocks.
>Changing an element's display type is no worse than changing its font
>or borders.  Remember, (x)HTML is for describing the content, and CSS
>is for presenting it.  If it's a link, it should be marked up as a
>link, not as a div with javascript.  If you want a link to be
>presented as a block element, well, that's what CSS was made for.
>Using a div simply because you like the default display type of block
>would be along the same lines as using an h1 simply because you like
>the default font size of 2em.

Points well taken. Thanks!

Chris

_
With tax season right around the corner, make sure to follow these few 
simple tips. 
http://articles.moneycentral.msn.com/Taxes/PreparationTips/PreparationTips.aspx?icid=HMFebtagline

__
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] What's the proper way to vertically center an element within its parent?

[Kenny Graham]

> The ugly part is to force  to a block. I might as well replace  with a
> truely block element and change to use scripting to handle the visual cue
> change / click, but that would seem overkill for a simple task like this. Is
> there a strong opposition to to the way I use  above for this task?

There's nothing ugly at all about making anchors display as blocks.
Changing an element's display type is no worse than changing its font
or borders.  Remember, (x)HTML is for describing the content, and CSS
is for presenting it.  If it's a link, it should be marked up as a
link, not as a div with javascript.  If you want a link to be
presented as a block element, well, that's what CSS was made for.
Using a div simply because you like the default display type of block
would be along the same lines as using an h1 simply because you like
the default font size of 2em.
__
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] Faux Columns not scaling to the bottom of page

[Gunlaug Sørtun]

Jon Hughes wrote:
> http://santinipackers.com/phazm/
> 
> I need to get the left and right columns to span to the bottom of the
>  page,

Ok, here's a corrected copy of your page...



...which is working as you want in latest Opera, Firefox, Safari and
IE6. I still can't check in IE7, so someone will have to tell me how
that one is doing.

CSS: 
...with corrections, a few notes, and some more corrections.
Images and files are renamed to go with my system, so forget those.

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] What's the proper way to vertically center an element within its parent?

[Kenny Graham]

> One caveat is that inlined
>  introduced an unknown fixed padding that I have to compensate for via
> experiment (since I need to center the list in the middle). This is IE7.

I'm pretty sure what you're seeing is actually a space (as in space bar).

Foo
Bar

IE renders the new line characters between those two as whitespace, so
instead of getting FooBar you get Foo Bar.  See if putting all of your
s on one line fixes it.  If you do

FooBar

it should get rid of that space.  There are prettier ways to do it
too, if you're worried about your source looking nice.  One way that I
use is:

FooBar

There's also:

FooBar

But I think that one's just as ugly as having it all on one line, personally.
__
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] Faux Columns not scaling to the bottom of page

[Ian Young]

> Subject: RE: [css-d] Faux Columns not scaling to the bottom of page
>
>
> --->From: Ian Young [mailto:[EMAIL PROTECTED]
> --->To: Jon Hughes; css-d@lists.css-discuss.org
> --->Subject: RE: [css-d] Faux Columns not scaling to the bottom of page
> --->> http://santinipackers.com/phazm/
> --->>
> --->> I need to get the left and right columns to span to the bottom of
> --->> the page,
> --->>
> --->> This has been giving me trouble for about 2 months.
> --->>
> --->>
> --->I am obviously missing something here.
> ---> I cannot see any columns at all.
> --->Faux-1 and faux-2 both have widths of 100%.
> --->
> --->what are you trying to achieve?
> --->
> --->Ian
>
>
> The "columns" are the blue to the left and right, I want them to go to the
> bottom of the PAGE not to the bottom of the CONTENT.   Currently, if you
> view a long page on that site, it'll work how I want it (because
> the content
> goes to the bottom of the page, thus the columns do as well) but when the
> content is short, I still want the columns to go to the bottom of
> the page,
> not just the content.

Sorry. See what you mean.
I guess it depends how you want it to look. You could always set a minimum
height for the wrap div.

Ian

--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.446 / Virus Database: 268.18.7/710 - Release Date: 04/03/2007
13:58

__
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] Padding / alignment issues FF, Mozilla, Safari

[~davidLaakso]

Arnold Jonathan E. wrote:
> Oh, yeah, the URL: http://the1912gallery.ehc.edu/music/newsite/
>
> I'm having trouble with two issues on this site:
>
> 1) The top navigation is not aligning correctly in Safari. Other
> browsers I've tested are holding up.
>   


Dunno.



> 2) At the bottom of the page, below the links and latest news boxes, Win
> IE 6/7 are providing space while FF and Mozilla are not, leaving the
> design more square than rectangle. I'd like to add some image banners to
> reinforce the listen and events, which necessitates some space between
> the preceding divs and I love rectangles.

One way of clearing it is:
css:
br.both {  clear: both; }
markup:











>
> Thanks,
> Jed Arnold
>
>
>   





-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] clueless with

[David Agnew]

Greetings good CSS coders -

I'm developing on a Mac, with no ready access to a PC. Although I've 
gotten things to display 'ok' in IE in the past, I often break that with 
changes. http://www.lighthouse.chtr.k12.ma.us/index.php works in IE7, 
Firefox, Safari, but not earlier versions of IE (see 
http://browsershots.org/website/http://www.lighthouse.chtr.k12.ma.us/index.php#success
 
).

No doubt there are several issues, but I wonder if one of you IE hack 
wizards would be kind enough to point out my 2 or 3 major errors, so 
that I don't just flounder about randomly.

Thanks in advance!
David
__
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] Padding / alignment issues FF, Mozilla, Safari

[Arnold Jonathan E.]

Oh, yeah, the URL: http://the1912gallery.ehc.edu/music/newsite/

Thanks again,
Jed

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Arnold
Jonathan E.
Sent: Monday, March 05, 2007 11:04 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Padding / alignment issues FF, Mozilla, Safari


I'm having trouble with two issues on this site:

1) The top navigation is not aligning correctly in Safari. Other
browsers I've tested are holding up.

2) At the bottom of the page, below the links and latest news boxes, Win
IE 6/7 are providing space while FF and Mozilla are not, leaving the
design more square than rectangle. I'd like to add some image banners to
reinforce the listen and events, which necessitates some space between
the preceding divs and I love rectangles.

The bottom corners are completed with a single image.

Style sheet is embedded.

I appreciate any insight. 

Thanks,
Jed Arnold
Web Manager 
Emory & Henry College
[EMAIL PROTECTED]





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
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] Padding / alignment issues FF, Mozilla, Safari

[Arnold Jonathan E.]

I'm having trouble with two issues on this site:

1) The top navigation is not aligning correctly in Safari. Other
browsers I've tested are holding up.

2) At the bottom of the page, below the links and latest news boxes, Win
IE 6/7 are providing space while FF and Mozilla are not, leaving the
design more square than rectangle. I'd like to add some image banners to
reinforce the listen and events, which necessitates some space between
the preceding divs and I love rectangles.

The bottom corners are completed with a single image.

Style sheet is embedded.

I appreciate any insight. 

Thanks,
Jed Arnold
Web Manager 
Emory & Henry College
[EMAIL PROTECTED]





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
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] Faux Columns not scaling to the bottom of page

[Jon Hughes]

--->From: Ian Young [mailto:[EMAIL PROTECTED]
--->To: Jon Hughes; css-d@lists.css-discuss.org
--->Subject: RE: [css-d] Faux Columns not scaling to the bottom of page
--->> http://santinipackers.com/phazm/
--->>
--->> I need to get the left and right columns to span to the bottom of
--->> the page,
--->>
--->> This has been giving me trouble for about 2 months.
--->>
--->>
--->I am obviously missing something here.
---> I cannot see any columns at all.
--->Faux-1 and faux-2 both have widths of 100%.
--->
--->what are you trying to achieve?
--->
--->Ian


The "columns" are the blue to the left and right, I want them to go to the
bottom of the PAGE not to the bottom of the CONTENT.   Currently, if you
view a long page on that site, it'll work how I want it (because the content
goes to the bottom of the page, thus the columns do as well) but when the
content is short, I still want the columns to go to the bottom of the page,
not just the content.

__
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] Faux Columns not scaling to the bottom of page

[Ian Young]

> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Jon Hughes
> Sent: 05 March 2007 15:33
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Faux Columns not scaling to the bottom of page
>
>
> http://santinipackers.com/phazm/
>
> I need to get the left and right columns to span to the bottom of
> the page,
>
> This has been giving me trouble for about 2 months.
>
>
I am obviously missing something here.
 I cannot see any columns at all.
Faux-1 and faux-2 both have widths of 100%.

what are you trying to achieve?

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.446 / Virus Database: 268.18.7/710 - Release Date: 04/03/2007
13:58

__
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] Faux Columns not scaling to the bottom of page

[Jon Hughes]

http://santinipackers.com/phazm/

I need to get the left and right columns to span to the bottom of the page,

This has been giving me trouble for about 2 months.


Anyone have any suggestions?

__
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] png color and IE7

[David Dorward]

On 05/03/07, Ido Dekkers <[EMAIL PROTECTED]> wrote:
> I'm using partially transparent PNG's over a background with the same
> hex code as in the png itself.
> for some reason in IE7 they don't show as the same color.

IE respects the gamma information in the PNG, which cases a mismatch.
There are various tools that can strip it out.

http://weblive.blogsome.com/2006/12/26/fixing-png-gamma/

-- 
David Dorward 
__
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] 22. One CSS file for each browser (IE/Firefox)

[Ross Hulford]

When starting CSS this seems to be the major problem.

I tend to create a common CSS file and then make the page so they work in 
Firefox. Then, as suggested before, I have an IE fix css file that applies 
all the fixes needed for IE and this is inserted with the IE conditional.

This is the most tidy way to do it. No nasty hacks and your CSS will 
validate.

R. 


__
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] png color and IE7

[bj]

>I'm using partially transparent PNG's over a background with the same
>hex code as in the png itself.
>for some reason in IE7 they don't show as the same color.
>the same problem occurs with text colored with the same hex as a png
>background - that too shows in a different color in IE7.
>
>the problem does not happen in FF or opera.
>any ideas ?

Though the settings can be tricky, there's a little program that does
remove a lot of the cruft in png files that usually also seems to
correct the color in IE7.

http://www.ardfry.com/pngoutwin/

http://advsys.net/ken/utils.htm

No, I don't work for Ken. :) I actually found this program linked on the IE7 
blog
when beta test was going on.

-- 
Best regards,
 bj  mailto:[EMAIL PROTECTED]

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 22. One CSS file for each browser (IE/Firefox)

[Dave Goodchild]

You don't need to browser sniff that way - I use conditional comments to
serve a small css filter to IE (I know, I know, but i think conditonal
comments are harmless, more harmless than an arsenal of
less-than-future-proof hacsk like the * html hack for example).
__
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] 22. One CSS file for each browser (IE/Firefox)

[Fausto]

Hey Marcelo,

In case your problem is related strictly to the way IE behaves, I think you
should learn about Quirks mode (http://www.quirksmode.org/css/condcom.html)
-- this would spare you the trouble of having to use browser detect
functions. Moreover, it would be better if you thought about creating a
general css file, applying special css specs only when necessary. This way
you'd make much easier maintaining your site than keeping several css files.

Rgds,

Fausto Silveira

Message: 22
> Date: Sun, 4 Mar 2007 15:15:28 -0800
> From: "Marcelo de Moraes Serpa" <[EMAIL PROTECTED]>
> Subject: [css-d] One CSS file for each browser (IE/Firefox)
> To: css-d@lists.css-discuss.org
> Message-ID:
> <[EMAIL PROTECTED]>
> Content-Type: text/plain; charset=ISO-8859-1; format=flowed
>
> Hi list,
>
> I'm just starting tableless layout design. I'm on my first pure-css layout
> project. While the concept is easy and the workflow in general is kind of
> easier than table layouts, I'm getting really frustraded by the
> differences
> I'm getting on my lay when I test it on both FF and IE. What I'm thinking
> is
> to server a different css depending on the client's browser. This way I
> could first layout the website on a more standard compliant browser
> (FireFox) and then copy the css and start fixing the layout on IE and
> server
> this new css if the user uses IE. I would use http header information to
> detect the browser and then the backend would serve the correct css file.
>
> What do you think?
>
> Thanks in advance,
>
> Marcelo.
>
__
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] trying to override css form elements

[Dave Goodchild]

The selector is:

input {
}

you can use the attribute selector to target checkboxes like so:

input[type="checkbox"]

which works in FF, Opera, IE7 (I believe) but for IE6 you will need to add a
class like so:

input.checkbox.
__
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] trying to override css form elements

[James Leslie]

I have all the input tags in a site but want to set a different value
for all the checkboxes.

I have tried 

checkbox {

}

can checkboxes be isolated for css changes in this way or do I need to
apply a class or id?
--

Hi Ross,
 
A checkbox is a type of input so to target it you would have to use 

input{
_styles in here_
}

Seeing as this will also target your other types of input, this is a
scenario where using a class on the checkbox is the best idea, which you
can then style that freely.

HTH

James

__
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] trying to override css form elements

[Ross Hulford]

I have all the input tags in a site but want to set a different value for all 
the checkboxes.

I have tried 

checkbox {

}

can checkboxes be isolated for css changes in this way or do I need to apply a 
class or id?

Ross
__
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] png color and IE7

[Fora]

Are you using the Save for web option in Photoshop?

It should work fine even in IE.

What you can try still is to save your background as a png (2 or 4 pixels) 
in the same way you've saved the image. Then set the image as a background 
with repeat in your background properties.
In that way the background is saved the same way as the image and IE should 
render them the same way.



HTH

M. 


__
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] multiple ie's (was: Re: Horizontal list menu misbehaves in IE 6 - update - Firebug lite)

[Erik Visser]

Ingo Chao wrote:
> Mark Baber wrote:
>> As for IE7 ... last I heard, one can't run IE and IE6 on the same
>> machine, and so I won't be able to test on IE6 if I "upgrade".
> 
> http://blogs.msdn.com/ie/archive/2006/11/30/ie6-and-ie7-running-on-a-single-machine.aspx
> - Virtual PC 2004
> - Virtual machine image with WinXP/IE6 (>500MB virtual hard disk file, vhd)
> 
> Run virtual pc, add a new virtual machine, assign the extracted vhd file 
> to this vm.
> 

How about this then?

http://tredosoft.com/Multiple_IE

Is that not going to work?

thanks, Erik
__
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] png color and IE7

[Rob Wilmshurst]

You could try 'pngcrush' - http://pmt.sourceforge.net/pngcrush/
I've found it useful for shrinking pngs (Photoshop seems to output 
really big ones) and solving this colour mis-match.  No idea why or how 
though :)

-Rob

--
Rob Wilmshurst
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] png color and IE7

[Barney Carroll]

IE7 supports alpha, but PNG rendering is still botched - notably in 
colour accuracy. Shamefully for a bitmap format, it just can't be relied 
on to get colours right. I don't know of any solutions for this.


Regards,
Barney
__
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] png color and IE7

[Ido Dekkers]

hello

I'm using partially transparent PNG's over a background with the same 
hex code as in the png itself.
for some reason in IE7 they don't show as the same color.
the same problem occurs with text colored with the same hex as a png 
background - that too shows in a different color in IE7.

the problem does not happen in FF or opera.
any ideas ?

Ido
__
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] Language switching

[Chris Chen]

>This is a functionality or content issue and not in the realm of CSS. The
>main problems is how to organize the site maintenance so that changes will
>be made in a coordinated manner.
>
>However, if you use the same markup and the same style sheet, basically
>intending to modify the textual content only, then you may need to
>consider some "internationalization" issues in CSS. For example, setting
>widths in pixels is particularly problematic, since the length and
>formatting requirements of a piece of text may greatly differ from the
>requirements of its translations. You might find it necessary to divide
>the style sheet into two parts, a general part and a language-specific
>part.

Apart from the potential CSS formatting issue, is it common practice for 
multi-language websites to simply keep multiple versions of the same pages 
and switch according to user's preference (which is not impractical at all 
given that I only need to deal with two languages)?

Thanks,
Chris

_
Rates near 39yr lows!  $430K Loan for $1,399/mo - Paying Too Much? Calculate 
new payment 
http://www.lowermybills.com/lre/index.jsp?sourceid=lmb-9632-18226&moid=7581

__
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] table height problem: FF vs. Safari

[Gunlaug Sørtun]

Mark Lundquist wrote:
> On Mar 4, 2007, at 12:57 AM, Gunlaug Sørtun wrote:

>> 
> 
> 
> Now, that... is sweet.
> 
> OK, so this is one of those "float with negative margins" tricks I've
>  seen you mention... I'll have to study it and figure out how it 
> works.

FYI: it is using the same method as this...

...and has the same weaknesses.

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/