Re: [css-d] mac/ie5.2 :: no-show

[David Laakso]

Gunlaug Sørtun wrote:
> David Laakso wrote:
>
>   
 This page  is a no-show in mac/ie5.2 
 according to browsercam [...]
 
>> Looks as though I need to hide the page from mac/ie5.2.
>> 
>
> Not at all :-)
>
> Just add...
>
> /*\*//*/
> * html body #content {display: block;}
> /**/
>
>
> The long '* html body' selector is just for adding specificity - in case
> it's needed. I didn't (want or need to) look at your stylesheet ;-)
>
>   Georg
>   
Thanks Georg. Philippe suggested, off-list, hiding only display: 
table-cell; , rather than all styles. I did so using:
@media screen {
#content {display:table-cell; }
}
The page is in position now, and is no longer dropping below the fold, 
in mac/ie5.2 according to browsercam.

The initials need tweaking, but this is a minor problem.
Thanks, all!
Best,
david





-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

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

Re: [css-d] mac/ie5.2 :: no-show

[Gunlaug Sørtun]

David Laakso wrote:

>>> This page  is a no-show in mac/ie5.2 
>>> according to browsercam [...]

> Looks as though I need to hide the page from mac/ie5.2.

Not at all :-)

Just add...

/*\*//*/
* html body #content {display: block;}
/**/

...somewhere after the existing styles, and IE/Mac will get the content
back up again.
The long '* html body' selector is just for adding specificity - in case
it's needed. I didn't (want or need to) look at your stylesheet ;-)

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

Re: [css-d] mac/ie5.2 :: no-show

[David Laakso]

Philippe Wittenbergh wrote:
>
> On Jun 25, 2006, at 12:12 PM, David Laakso wrote:
>
>> This page  is a no-show in mac/ie5.2 according
>> to browsercam. Can
>> someone please confirm.
>
> Content is all there. Just below the fold.
> #content {display:table-cell; } is the problem. IE Mac drops the 
> content of that element below the generated box. It is documented 
> somewhere on the *net. By myself. Altzheimer or its siblings came to 
> visit, and I forgot where I put it. Maybe your favourite search engine 
> has better managed grey matter...
You wrote, here:

" IE 5 Mac: display:table-cell is not supported. The browser will drop 
the content of the block out of its container (positioning the content 
below the container as an anonymous box, and loose all formatting)."
> Philippe 
>
Looks as though I need to hide the page from mac/ie5.2.
Thanks.
david

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

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

Re: [css-d] mac/ie5.2 :: no-show

[David Laakso]

Roger Roelofs wrote:
> David,
>
> On Jun 24, 2006, at 11:12 PM, David Laakso wrote:
>
>> This page  is a no-show in mac/ie5.2 according
>> to browsercam. Can
>> someone please confirm.
>
> It's there, sort of.  You have to scroll down to see it no matter how 
> short or tall your window is.
>
Hmm. I like it. Nice effect. What happens if you turn your monitor 
upside down :-) ?
Thanks.
david

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

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

Re: [css-d] mac/ie5.2 :: no-show

[David Laakso]

Philippe Wittenbergh wrote:
> On Jun 25, 2006, at 12:12 PM, David Laakso wrote:
>> This page  is a no-show in mac/ie5.2 according
>> to browsercam. Can
>> someone please confirm.
> Content is all there. Just below the fold.
> #content {display:table-cell; } is the problem. IE Mac drops the 
> content of that element below the generated box. It is documented 
> somewhere on the *net. By myself. Altzheimer or its siblings came to 
> visit, and I forgot where I put it. Maybe your favourite search engine 
> has better managed grey matter...
I'll look it up. Thanks!
>
> PS - you may want to set foreground/background colour on html, body in 
> some readable way for IE Mac. I'm not sure lime-green is the intended 
> effect.
Interesting, will do...and all this time I thought you had a sense of 
humor. Peculiar, though(to me), because I have Opera set to fuchsia and 
don't see any. Maybe I should default to lime-green.
> Philippe 
david

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

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

[css-d] mac/ie5.2 :: no-show

[David Laakso]

This page  is a no-show in mac/ie5.2 according 
to browsercam. Can 
someone please confirm.
Thanks.
~dL

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

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

Re: [css-d] horisontal nav-list not in ie

[francky]

Eystein Alnaes wrote:

>I'm having a problem with a nav-list not rendering horisontal in IE5.x and
>7b2. (I don't have IE6 anymore thanks to IE7 :/ )
>Using sliding doors expands the li's to the full width of the parent
>element, which I believe they shouldn't. I'm using typical markup:
>[...]
>with css:
>[...]
>Sorry for not linking to the site, but the server is closed for out-of-house
>connections.
>  
>
Hi Eystein,
With your code I get this one 
.
It looks the same in FF1.07, IE6 and Opera8.01 (Win98SE).
Is the rest of the page alright (doctype, html-validator, css-validator)?

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

Re: [css-d] h4/a right border alignment within td (E.M on CSS p.102)

[francky]

Albo Fossa wrote:

>I've been taking the course. I see you add right padding to < a > elements
>in the < td >, thus forcing the border to the right. I *don't* understand
>how the < h4 > right borders jump over too, and in general the < h4 > text
>remains so obedient. Does it have to do with the fact that < h4 > is margin:
>0?
>  
>
Hi Albo,
Eh, really no idea ...
The people on this list who don't have Eric Meyer's book (like me...) 
have a lack of information. If you want them to get what you mean, you 
should provide us with some more data. What is the css and html code of 
this illustration? Maybe there is some code online in Eric's book's 
dowloads . In that case, a 
project number is needed instead of a page number. ;-)

Greetings,
francky

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

Re: [css-d] left - center - right

[francky]

Gunlaug Sørtun wrote:

>Bruce MacKay wrote:
>  
>
>>I want to arrange a "previous page", "table of contents", and "next 
>>page" set of icons on the left, center and right hand side of the 
>>page, in the same "row".
>>
>>I can easily achieve the left and right through floats, [...]
>>I'd appreciate someone pointing me in the direction of some 
>>help/enlightenment.
>>
>>
>Since no text is involved, may I suggest a simpler and more reliable 
>solution...
>
>...using absolute positioning.
>  
>
Hi Bruce,
... And playing with a text variant and a ccs-hover-img variant (without 
a.p.):
some other ideas 
.

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

Re: [css-d] Is it possible to place different images next to different menu items using CSS?

[Christian Montoya]

On 6/25/06, Jasmin Marcolin <[EMAIL PROTECTED]> wrote:
> Would anybody know if it is possible to have different images placed next to 
> different menu items using vertical css menus with dropdown menus?
>
> For example, if I had a menu item called "Chair" and wanted to place a small 
> image of a chair next to this menu item and then if there was another menu 
> item called "Table" and I wanted to place an image of a table next to this 
> menu item would this be possible using css??

Each menu would need a different ID or CLASS in order to do this:


chair
table


then it would be possible to style each with a background image.

li.chair {
background-image:url(chair.png) left center no-repeat;
padding-left:WIDTH-OF-CHAIR;
}

-- 
-- 
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Is it possible to place different images next to different menu items using CSS?

[Jasmin Marcolin]

Would anybody know if it is possible to have different images placed next to 
different menu items using vertical css menus with dropdown menus? 

For example, if I had a menu item called "Chair" and wanted to place a small 
image of a chair next to this menu item and then if there was another menu item 
called "Table" and I wanted to place an image of a table next to this menu item 
would this be possible using css??

Jasmin

P.S.  Sorry if I sound ignorant with this question but I am relatively new to 
CSS.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Mac site check please

[David Laakso]

Christine Ce wrote:
> On 6/23/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
>   
>> Yes, it works more or less.
>> You have a horizontal scroll bar on that page, caused by the absolute
>> positioning of the pop up (esp the 'right:0'). It is a well known bug
>> [1].
>> 
>
>
>  Thanks for that, I will check on that bug.
>
> There are some font-sizing issues as well.
>
>
> Font-sizing issues?  Please tell me more...
>   
RE: 
Can't speak for Philippe, but I see it as a usability, accessibility, 
font-size nightmare all rolled in one :-P . I do do not know what the 
fix is.
One /solution/ would be to ditch the cat and mouse pop-up. Set the stuff 
in a text list adjacent to the rodent. Set font-size 100% on the body 
declaration(ie font re-size bug)so the fonts don't go totally goofy on 
zoom. Declare /no/ font-size on the selector that controls that list 
text(so that it inherits default instead of mousetype). Make sure the 
fonts in the list do not draw a horizontal scroll bar at 150% zoom.
>
> PLEASE, validate your markup before submitting for a check.
>   
>>  ...
>>
>>...
>>
>> Is definitively *not* valid html.
>> 
>
>
> Yes sorry about that, have fixed it and it now validates.
>
>
> Thank you also to everyone else who took the time to have a look and reply.
> Much appreciated.
>
> Christine
>   
Best,
~dL

-- 

http://chelseacreekstudio.com/ca/ccs/pow/pow.html

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

Re: [css-d] Form Select drop-down causing IE Problems.

[Ian Young]

> 
> I've got a two column layout with the nav on the left. On one page, I've 
> got a form that has a select in it that's on the same plane as the 
> navigation.
> 
> I'm using the same class on all text inputs and select drop-down.
> 
> .txtinput {
>width: 255px; }
> 
> The form itself is 600px wide.
> 
> In IE, the entire form (and body-content" div containing it) will drop 
> BELOW the navigation any time there is a select drop-down next to the 
> nav. If the select is BELOW the nav, the form stays in place. I've about 
> pulled all my hair out and I can't seem to find a way to get around 
> this. Works great everywhere else...
> 

How about a link?

Ian
-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.9.2/373 - Release Date: 22/06/2006

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

[css-d] Form Select drop-down causing IE Problems.

[Les Mizzell]

I've got a two column layout with the nav on the left. On one page, I've 
got a form that has a select in it that's on the same plane as the 
navigation.

I'm using the same class on all text inputs and select drop-down.

.txtinput {
   width: 255px; }

The form itself is 600px wide.

In IE, the entire form (and body-content" div containing it) will drop 
BELOW the navigation any time there is a select drop-down next to the 
nav. If the select is BELOW the nav, the form stays in place. I've about 
pulled all my hair out and I can't seem to find a way to get around 
this. Works great everywhere else...

Basic structure



   
 Nav Here
   

   
 Forms and everything else here
   


#page-container {
  width: 772px;
  margin: 10px auto 10px auto; }

#leftnav {
  float: left;
  width: 140px;
  margin: 0 10px 0 0;
  padding: 0px; }

#body-content {
  width: 610px;
  float: left;
  padding: 0;
  margin: -4px 0 0 0; }


I've used this same structure on a number of sites and it's been working 
great for me. Current site has several hundred pages and not a single 
problem until the damn select drop-down thing happened.

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

Re: [css-d] Mac site check please

[Christine Ce]

On 6/23/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
>
>
> Yes, it works more or less.
> You have a horizontal scroll bar on that page, caused by the absolute
> positioning of the pop up (esp the 'right:0'). It is a well known bug
> [1].


 Thanks for that, I will check on that bug.

There are some font-sizing issues as well.


Font-sizing issues?  Please tell me more...


PLEASE, validate your markup before submitting for a check.
>  ...
>
>...
>
> Is definitively *not* valid html.


Yes sorry about that, have fixed it and it now validates.


Thank you also to everyone else who took the time to have a look and reply.
Much appreciated.

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

Re: [css-d] left - center - right

[Gunlaug Sørtun]

Bruce MacKay wrote:
> I want to arrange a "previous page", "table of contents", and "next 
> page" set of icons on the left, center and right hand side of the 
> page, in the same "row".
> 
> I can easily achieve the left and right through floats, [...]

> I'd appreciate someone pointing me in the direction of some 
> help/enlightenment.

Since no text is involved, may I suggest a simpler and more reliable 
solution...

...using absolute positioning.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] left - center - right

[Bruce MacKay]

Hi folks,

I want to arrange a "previous page", "table of contents", and "next 
page" set of icons on the left, center and right hand side of the 
page, in the same "row".

I can easily achieve the left and right through floats, but I cannot 
get the centered image to stay in vertical alignment with the other 
two when I wrap them in a centered container - it is always slightly 
above (as per this example by Paul Clifford - 
http://home.rochester.rr.com/bshagnasty/banner.html)

I'd appreciate someone pointing me in the direction of some help/enlightenment.

Thanks,

Bruce

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