Re: [css-d] can anyone see my content disappearing - IE6 win

[Ingo Chao]

kristin wrote:
> Hi Ingo, 
> 
> So right you are.  I changed the zooms per your instruction (do you think I
> need it on the right column?) and I'll think about how to make the
> navigation more bullet proof.
> 
> I did read the article about changing the DPI, etc, but I thought about it
> more from the perspective of what my client might need to do with a high res
> screen than what I need to do at my more normal DPI.  :-)  I didn't even
> think of resetting the settings myself.  I will reinvestigate.
> 
> I would love to know if content is still disappearing for you.
> 
> Thank you so much for your vast help and expertise, I greatly appreciate it.
> 
> kristin

>>> http://www.tuttobenewines.com/contact.html
>>> http://www.tuttobenewines.com/wines-rosso.html
>>> http://www.tuttobenewines.com/wines-bianco.html

With IE6, 120dpi and UseHR on, the pages appear correct now. I can't 
check the other pages on your site.

As Lory already mentioned, the scaling makes the images blurry and 
pixelised.

You don't need zoom on the right column, as the right column already has 
haslayout=true due to its width and float.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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] Space Problem

[alan]

I'm scratching my head wondering why there is a space in between two divs
on a page I am creating.

It works in IE and doesn't in Firefox (Usually the opposite of what I
usually encounter).

The web page is:
http://valdostawebmaster.com/projects/blueprint/

and the CSS is:
http://valdostawebmaster.com/projects/blueprint/blueprint.css

Any suggestions on this one would be appreciated.

Al Dunbar
__
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] Space Problem

[Jason Crosse]

[EMAIL PROTECTED] wrote:
> I'm scratching my head wondering why there is a space in between two divs on 
> a page I am creating.
> 
> It works in IE and doesn't in Firefox (Usually the opposite of what I usually 
> encounter).
> 
> The web page is: http://valdostawebmaster.com/projects/blueprint/
> 
> and the CSS is: http://valdostawebmaster.com/projects/blueprint/blueprint.css
> 
> Any suggestions on this one would be appreciated.
> 
> Al Dunbar

In the "LISTS" section of your css, you have a rule

#navlist ul {...}

but your #navlist element IS the ul you are targeting. So, rewrite the selector 
thus:

ul#navlist {...}

and it will apply to the navigation. 

Right, so now we're targeting the correct element, but the gap's still there. 
And the nav links have shrunk. The gap is caused by the default margins on an 
UL element and the nav has shrunk because of your font-size rule.

So, we can rewrite the rule, removing the font resize, and making the margin on 
this element 0.

ul#navlist {
...
DELETE THIS -> font-size:.6em;
ADD THIS-> margin:0;
}

I haven't tested this at all, so make sure it's still correct on all your 
browsers, etc.


-- 
http://antanova.blogspot.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] Space Problem

[David Laakso]

[EMAIL PROTECTED] wrote:
> I'm scratching my head wondering why there is a space in between two divs
> on a page I am creating.
>
> It works in IE and doesn't in Firefox (Usually the opposite of what I
> usually encounter).
>
> The web page is:
> http://valdostawebmaster.com/projects/blueprint/
>
> and the CSS is:
> http://valdostawebmaster.com/projects/blueprint/blueprint.css
>
> Any suggestions on this one would be appreciated.
>
> Al Dunbar
>   

The problem is collapsing margins [1].
This fixed it on my end:
#nav {padding-top: 1px; }
And unrelated:
 I think you need to declare a background-color on html, body {}  (I 
default to fuchsia in Opera),
and the header image is clipping when the window is at 1680 and dragged 
to a smaller width.



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/

[css-d] Opera 9 executing IE6 "Holly hack" CSS?

[Andrew S. Townley]

Hi,

I was wondering if anyone could shed some light on why I'm getting some
strange behavior under Opera 9.  It seems to be doing exactly what IE 6
is doing--meaning that it's recognizing content inside a "Holly Hack".

Any ideas (or suggestions of better ways to solve the problem) would be
most appreciated.  The demo is:  http://atownley.org/wip/menu/

The desired behavior is now working across Firefox 2, Konqueror 3.5.5
(and I hope Safari), IE 5.5, IE 6 and IE 7, but Opera 9 is not
cooperating.  It seems I can either have IE or Opera 9, but not both.

Thanks in advance,

ast
-- 
Andrew S. Townley <[EMAIL PROTECTED]>
http://atownley.org

__
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] IE6 doesn't use defined font-family, -weight, -color for certain links

[Christian Kirchhoff]

Hallo,

the following page has problems in IE 6, maybe older versions, too:
http://wiki.zeno.org

1.: In IE 6 the links in the left menu are in the default font, with the
default color, and they become underlined on hover though all that is
modified in the CSS. 

2.: The list items in the first box ("Navigation") have a height that is to
big in IE 6. I was already able to solve that in my test environment by
setting the links display to inline-block and the width to 100%. But why
does it only happen in the first box, and not in the others?

3.: If I hover the first item ("Hauptseite") in IE 6, the background changes
to white.

Could anyone tell me why that is and how I could correct those problems?

Regards,

Christian Kirchhoff
Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza

__
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] Wordpress theme floats and footers

[Robert O'Rourke]

ByteDreams wrote:
> I'm working on my very first WP theme.
> Everything is inside a #wrapper which is underneath the body tag
> Then I have the following structure:
> #header
>   
> body{
>   top: 0;
>   margin: 0;
>   font-family:Arial, Helvetica, sans-serif
>   font-size:10px;
>   }
>
> #header{
>   display:inline;
>   position:fixed;
>   z-index: 100;
>   left:0px;
>   width: 100%;
>   top:0px;
>   background:url(images/background.png);
>   background-color: #000;
>   -moz-opacity:0.9;
>   filter:alpha(opacity=90);
>   /* line-height: 1.2em; */
> }
> #container{
>   position:absolute;
>   top: 125px;
>   left: 280px;
>   width: 550px;   
>   
>   }
> #sidebar1{
>   position:absolute;
>   float:left;
>   left: 0;
>   top: 125px;
>   }
>   
> #footer{
>   padding: 0;
>   width: 100%;
>   clear: both;
>   }
>
> I plan to add another sidebar for a three-column layout, and widgetize the
> sidebars, but haven't added the second sidebar yet.
> What I'm having trouble with right now is the footer which is the last div
> in the html, goes all the way to the top. I'm not sure I understand how to
> get that footer to rest at the very bottom.  
>
> Please help.
> Thanks, 
> ByteDreams
>   

Hello,
The problem is you've used absolute positioning and a float. You 
have to choose whether to use floats or absolute positioning for the 
main layout because they won't play together in the way you're 
attempting. You can either absolutely position the footer to the bottom 
of the page or you can get rid of position absolute on #container and 
#sidebar1 altogether to allow that clear: both; to work.

It'd be easier to explain if you have a test page uploaded somewhere 
or if you can provide the html outline...

Rob
__
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] Wordpress theme floats and footers

[ByteDreams]

I'm working on my very first WP theme.
Everything is inside a #wrapper which is underneath the body tag
Then I have the following structure:
#header

body{
top: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif
font-size:10px;
}

#header{
display:inline;
position:fixed;
z-index: 100;
left:0px;
width: 100%;
top:0px;
background:url(images/background.png);
background-color: #000;
-moz-opacity:0.9;
filter:alpha(opacity=90);
/* line-height: 1.2em; */
}
#container{
position:absolute;
top: 125px;
left: 280px;
width: 550px;   

}
#sidebar1{
position:absolute;
float:left;
left: 0;
top: 125px;
}

#footer{
padding: 0;
width: 100%;
clear: both;
}

I plan to add another sidebar for a three-column layout, and widgetize the
sidebars, but haven't added the second sidebar yet.
What I'm having trouble with right now is the footer which is the last div
in the html, goes all the way to the top. I'm not sure I understand how to
get that footer to rest at the very bottom.  

Please help.
Thanks, 
ByteDreams

__
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 is the equivalent of font-size:11px?

[trevor bayliss]

With respect David you are wrong and this is NOT the same question. This has 
nothing to do with any other question it is a simple font question and asking 
how to get the same effect as font size 11px with ems or percentages. Just 
because I haven´t implemented your 5 column layout doesn´t mean that I haven´t 
read the other answers and doesn´t mean that I am not implementing the ideas. 
   
  
David Laakso <[EMAIL PROTECTED]> wrote:
  trevor bayliss wrote:
> I am continuing my css journey and have been playing around with this and 
> can´t seem to get the right results using ems or font-size:small on my body 
> css: 
> body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50% 
> top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial, sans-serif; 
> color: #4d4d4d; padding-top: 0px}
>
> I just want the text under the text under the headlines in these screengrabs 
> to look exactly the same but not using pixels. From a visual perspective all 
> my em and other attempts look damn ugly and the only thing that looks pro is 
> pixels (which I can´t use because they don´t resize in IE):
> 
> http://216.219.94.105/ie.jpg
> 
> http://216.219.94.105/firefox.jpg
> 
> TIA
>
>
> 


Forgive me Treavor, and everyone else, but it is wearing a little thin.

Your question(s) have been answered under different subject lines by 
several knowledgeable and talented list members over the past 10 or 12 
days. Some of us have answered your question(s) more than once. One of 
us provided an explanation and a layout that resolved the issues you 
have. Sooner or latter you have to bite the bullet and read the replies 
to your various posts. And do something different than re-writing the 
same question(s) over again under a different subject line.

If you are stuck and just don't get it, write me off-list.

~dL

-- 
http://chelseacreekstudio.com/



   
-
Pinpoint customers who are looking for what you sell. 
   
-
Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news, 
photos & more. 
__
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] Wordpress theme floats and footers

[David Laakso]

ByteDreams wrote:
> I'm working on my very first WP theme.
> Everything is inside a #wrapper which is underneath the body tag
> Then I have the following structure:
>
>
> I plan to add another sidebar for a three-column layout, and widgetize the
> sidebars, but haven't added the second sidebar yet.
> What I'm having trouble with right now is the footer which is the last div
> in the html, goes all the way to the top. I'm not sure I understand how to
> get that footer to rest at the very bottom.  
>
> Please help.
> Thanks, 
> ByteDreams
>
>   

You court disaster. Absolute positioning is destined to failure for the 
structure of a layout.  Fixed positioning is  not supported for IE6-- a 
browser you'll need to hit for a WP theme.  Start with a float layout 
that is known to work cross-browser. There are 40 of them here 
. Make one of them yours. That ain't easy.
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/

[css-d] Thread answered:What is the equivalent of font-size:11px?

[trevor bayliss]

Thank you all for your help, Mark and Confusion were on the spot. I am sorry if 
I annoyed you David I really appreciate your opinion and I am implementing your 
very VALUABLE solutions. 
   
  Mark Story <[EMAIL PROTECTED]> wrote:
  I haven't read all the replies yet. But a really good way to get 
consistent fonts is to set
body {
font-size:62.5%
}

This along with other resets makes all your fonts equivalent to 10px. 
This not only allows you to make nice em sizes like 1.2em for 12 px 
etc. But also allows you do your entire layout in ems should you choose 
to do so. As for the specific issue you are having check your 
line-heights as well that is often a source of height discrepancies 
between browsers. Personally I think the difference on your pages is 
fine, and not shockingly different. Since you are allowing the user to 
resize text, there is the possibility for them to muck up the design no 
matter how hard you try to make it perfect. So a little varience is fine.

-Mark

trevor bayliss wrote:
> I am continuing my css journey and have been playing around with this and 
> can´t seem to get the right results using ems or font-size:small on my body 
> css: 
> body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50% 
> top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial, sans-serif; 
> color: #4d4d4d; padding-top: 0px}
>
> I just want the text under the text under the headlines in these screengrabs 
> to look exactly the same but not using pixels. From a visual perspective all 
> my em and other attempts look damn ugly and the only thing that looks pro is 
> pixels (which I can´t use because they don´t resize in IE):
> 
> http://216.219.94.105/ie.jpg
> 
> http://216.219.94.105/firefox.jpg
> 
> TIA



   
-
Got a little couch potato? 
Check out fun summer activities for kids.
   
-
Looking for a deal? Find great prices on flights and hotels with Yahoo! 
FareChase.
__
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] Wordpress theme floats and footers

[Robert O'Rourke]

ByteDreams wrote:
> Thank you.
> I've temporarily loaded the theme on my site.  It's now worse than it was -
> than it appeared offline. For instance I had gotten the dock menu working
> and in the middle, now its back on the left.  
> I don't know what happened now.  I can't see straight anymore.
> I have the fixed header set to a percentage of the transparency so I could
> see if anything was hiding underneath, and sure enough, my footer is there
> at the top.
>
>
>   

Whats the url of your site? (forgetting to inlcude it happens to the 
best of us =] )
Try not to worry about it. What you're going to learn now is how 
positioning and floats work. I'll try and start simple with the concepts,

*document flow:*
this is the default flow of an html document, by that i mean the way 
block elements like div and p stack under each other and inline elements 
like span or strong wrap part of a line of text. By the use of floats 
and position: absolute we remove an element from this 'normal flow'.

*floats:*
these put an element into the 'float flow' which can still affect 
the 'normal flow'. Elements in the 'normal flow' will flow around 
floated elements. The typical example is floating an image so that text 
wraps to the side and underneath it.

*position: absolute:*
this completely removes an item from the 'normal flow'. Elements 
outside of this item will not be affected by its size or position. This 
is why you cannot use position absolute and floats on the same element. 
You can position these relative to their containing element. So if you 
have a div under the body and position it absolutely it will be 
positioned relative to the body. If you apply position relative to an 
element and have an absolutely positioned element inside that then it 
will be positioned relative to that element and not the body.

There's a lot more to it but I hope that helps to explain some things. 
David Laakso sent you a link to some layouts that you can use to make 
your own and get started. There are some tricks to float layouts. This 
tutorial will explain a simple two-column one and helped me get started: 
http://www.alistapart.com/articles/negativemargins/

When you can understand that google for '3 column float layout' or 
something to that effect and read up a bit on what comes up. The 
concepts and techniques will eventually start to click you just have to 
stick at it.

Also if you can get an ftp client then set yourself up a sandbox folder 
on your website for testing layouts and so on before trying them out 
your site.

Hope that's some help
Rob
__
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] Opera 9 executing IE6 "Holly hack" CSS?

[Bruno Fassino]

Andrew S. Townley wrote:

> I was wondering if anyone could shed some light on why I'm
> getting some strange behavior under Opera 9.  It seems to be
> doing exactly what IE 6 is doing--meaning that it's recognizing
> content inside a "Holly Hack".
>
> Any ideas (or suggestions of better ways to solve the problem)
> would be most appreciated.  The demo is:
>  http://atownley.org/wip/menu/

I haven't seen any Holly Hack [1] in your CSS :-)
You have this:
#nav li.sfhover ul {
border: 1px dashed green;
/* this is necessary for IE/Win \*/
padding-top: 1.2em;
/* end hack */
}

As for hacks, you only have the backslash comment, that hides things from
IE5/Mac. All other browsers read your padding-top.
But only the browsers that get the "sfhover" class, which is applied via
javascript, actually use that rule. And Opera seems to get this since it
understands the Microsoft method attachEvent. You should filter Opera out
(many ways to do this) in order to avoid the javascript to affect it (the js
is only necessary for IE6-)

As an additional note, instead of using that padding you can define
explicitly the top property (top:1.2em) for your absolutely positioned ul (I
think this is better, and you can apply the same value for all browsers.)


[1] http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0

--
Bruno Fassino http://www.brunildo.org/test

__
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] Thread answered:What is the equivalent of font-size:11px?

[Alex Robinson]

>But a really good way to get
>consistent fonts is to set
>body {
>font-size:62.5%
>}
>
>This along with other resets makes all your fonts equivalent to 10px.
>This not only allows you to make nice em sizes like 1.2em for 12 px
>etc.


As long as the default font size in the user's agent is such that 
100% or 1em is equal to 16px.

This is far from given. For instance, it is not true if the agent is 
IE and the text size is not set to medium. Of course many users do 
not even realise they can change their font size, let alone do it, 
but that's a pretty big assumption to base your designs on.

Anyhow, font sizing is holy war territory and has been pretty much 
done to death on the list.

http://css-discuss.incutio.com/?page=FontSize

sums it all up. If anyone wants to add to it that would be great. 
That is, if the wiki is working and lets anyone edit it.


Alex da moderator
__
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] Thread answered:What is the equivalent of font-size:11px?

[James Gadrow]

> This along with other resets makes all your fonts equivalent to 10px. 
>   
Actually, it makes it equivalent to 62.5% of the user's base font size 
(usually 16px). But, yes, you can usually safely assume 10px.
> But also allows you do your entire layout in ems should you choose 
> to do so.
I would advise that you do so. If you size your fonts in em but do your 
layout in px it's kinda defeating the purpose. Using em for layout is 
known as 'elastic layout' and work no matter what font size the user has 
set (well, at REASONABLE font sizes at least).
> Since you are allowing the user to resize text, there is the possibility for 
> them to muck up the design no 
> matter how hard you try to make it perfect. So a little varience is fine.
Amen to that bruddah! lol
While I don't advocate taking control of content sizing from the user, 
(after all, many people have visual impairments) I do try and keep in 
mind if someone is bound and determined to break my layout then it's 
going to happen no matter what I do. I don't think I've seen many 
designs that could stand up to 20 size bumps (unless they're doing ALL 
widths in ems, but for most of the design cases I've seen the client 
doesn't like the fact that the page scrolls horizontalls which means 
using %, which means the page will break when the text is sized too high).

-- 
Thanks,

Jim

__
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] Dropdown problems...

[Kevin Evans]

Hello,

I have the dropdowns for the most part fixed thanks to Alan Gresley  
but can't seem to fix the problems in Explorer 6 and 5.5. I tried all  
sorts of changes to get it to work but to no avail so would really  
appreciate some help on these last bugs.

The site in question is http://www.cwwebs.net/bc2007/

You will notice 2 dropdowns on the navigations. One at the top left  
on the links and the on the main yellow buttons. The top dropdown is  
displaying fine in all browsers but the bottom one isn't work that  
well in Explorer 6 and 5.5.

In Explorer 6, the main yellow buttons do not appear at all and  
because of that the dropdowns do not appear.

In Explorer 5.5, the main yellow buttons appear but the the dropdowns  
do not appear.

Also small problem on Firefox 2.0 on the macthe main yellow  
dropdowns go below the main heading right belowthat heading is a  
sIFR heading but it works perfectly on the PC n Firefox.

The CSS file is at http://www.cwwebs.net/bc2007/css/styles.css

thanks!

Kevin E.
__
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] thumbnail gallery and centering

[Luc]

Good afternoon Mauricio, 
It was foretold that on 28/6/2007 @ 21:56:05 GMT- (which was
18:56:05 where I live) Mauricio Samy Silva would write:

> I notice here that the thumb gallery isn't centered only in IE6/Win.
> Since it is centered in FFox and Opera, I suggest add the following to your
> CSS:
> * html #contentright { margin:0 auto;}

Tnx for the suggestion Mauricio but i'm afraid that's no go: IE still
has the same problem.

 
-- 
Best regards,
 Luc
_


Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"Don't take life too seriously - you'll never get out of it alive." 


__
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] thumbnail gallery and centering

[Luc]

Good afternoon Mauricio, 
It was foretold that on 28/6/2007 @ 21:56:05 GMT- (which was
18:56:05 where I live) Mauricio Samy Silva would write:


> I notice here that the thumb gallery isn't centered only in IE6/Win.
> Since it is centered in FFox and Opera, I suggest add the following to your
> CSS:
> * html #contentright { margin:0 auto;}

I wrote:

> Tnx for the suggestion Mauricio but i'm afraid that's no go: IE still
> has the same problem.

Update: yes, it does work i left the rule unclosed... gr... copy
and paste: not always a good idea lol.

But thank you so much 


 
-- 
Best regards,
 Luc
_

Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"When the people have no tyrant, their own public opinion becomes
one." Lord Lytton. 


__
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] IE6 doesn't use defined font-family, -weight, -color for certain links

[Josue Martinez]

On 6/29/07, Christian Kirchhoff <[EMAIL PROTECTED]> wrote:
>
> Hallo,
>
> the following page has problems in IE 6, maybe older versions, too:
> http://wiki.zeno.org
>
> 1.: In IE 6 the links in the left menu are in the default font, with the
> default color, and they become underlined on hover though all that is
> modified in the CSS.
>
> 2.: The list items in the first box ("Navigation") have a height that is
> to
> big in IE 6. I was already able to solve that in my test environment by
> setting the links display to inline-block and the width to 100%. But why
> does it only happen in the first box, and not in the others?

3.: If I hover the first item ("Hauptseite") in IE 6, the background changes
> to white.
>
> Could anyone tell me why that is and how I could correct those problems?
>
> Regards,
>
> Christian Kirchhoff


--
Please include the relevant CSS so we can look at it and try to help you
__
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] Opera 9 executing IE6 "Holly hack" CSS?

[Andrew S. Townley]

On Fri, 2007-06-29 at 15:44, Bruno Fassino wrote: 
> Andrew S. Townley wrote:
> 
> > I was wondering if anyone could shed some light on why I'm
> > getting some strange behavior under Opera 9.  It seems to be
> > doing exactly what IE 6 is doing--meaning that it's recognizing
> > content inside a "Holly Hack".
> >
> > Any ideas (or suggestions of better ways to solve the problem)
> > would be most appreciated.  The demo is:
> >  http://atownley.org/wip/menu/
> 
> I haven't seen any Holly Hack [1] in your CSS :-)
> You have this:
> #nav li.sfhover ul {
>   border: 1px dashed green;
>   /* this is necessary for IE/Win \*/
>   padding-top: 1.2em;
>   /* end hack */
> }
> 
> As for hacks, you only have the backslash comment, that hides things from
> IE5/Mac. All other browsers read your padding-top.
> But only the browsers that get the "sfhover" class, which is applied via
> javascript, actually use that rule. And Opera seems to get this since it
> understands the Microsoft method attachEvent. You should filter Opera out
> (many ways to do this) in order to avoid the javascript to affect it (the js
> is only necessary for IE6-)
Yeah, I noticed that later, but I guess I only sent a reply to Ingo. 
That was a Reply vs. Reply All mistake.  Sorry about getting my hacks
confused.

> As an additional note, instead of using that padding you can define
> explicitly the top property (top:1.2em) for your absolutely positioned ul (I
> think this is better, and you can apply the same value for all browsers.)

I discovered this by accident when I was playing with themeing the
menu.  I was actually just in the middle of posting the updated example
when I saw this email. :)

Obviously, this is a more straightforward way to solve the problem, but
it wasn't obvious that was going to need it until now.

Thanks for your help,

ast (the slow one)

> [1] http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0
> 
> --
> Bruno Fassino http://www.brunildo.org/test
> 

-- 
Andrew S. Townley <[EMAIL PROTECTED]>
http://atownley.org

__
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] IE 5.x questions

[Dave Pierce]

Dave Pierce grumbled:

>> In this site, http://www.pierceartanddesign.com/testfiles/index.html
>> according to the browsercam, everything works fine except IE5 and   
>> 5.5. (I'm not too worried about versions 3 and 4), but in IE5.x,  
>> the  content side is all whacked.
>> Can anyone tell me why?


to which, David Laakso enlightened:

I do not have IE right now so this is a shot in the dark. You have  
assigned a px width to the body and 100% to the wrapper.  This /may/  
be what is making it goofy in IE/5x(?). No guarantee, try:


> body{   /*width:760px;*/ <<---delete
> }
> #wrapper {
> /*width: 100%;*/ <--delete
> width:760px; <--add
> }
> #homeheader {
> margin: 0 auto; <--add
> }
>
> #footer {
>/*float: left;*/  

Re: [css-d] Wordpress theme floats and footers

[ByteDreams]

Here's a theme that apparently works.
http://windyroad.org/software/wordpress/vistered-little-theme/

I've looked at his files to see how he got that header working, and tried a
few things including using the @media screen hack for IE6.  Still, I don't
see how he's gotten this to work.  

Oh, my site is http://bytedreams.com/
But I think I may have botched it beyond understanding, LOL..

Thxs for any help.

-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED] 
Sent: Friday, June 29, 2007 9:42 AM
To: ByteDreams
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Wordpress theme floats and footers

ByteDreams wrote:
> I'm working on my very first WP theme.
> Everything is inside a #wrapper which is underneath the body tag
> Then I have the following structure:
>
>
> I plan to add another sidebar for a three-column layout, and widgetize the
> sidebars, but haven't added the second sidebar yet.
> What I'm having trouble with right now is the footer which is the last div
> in the html, goes all the way to the top. I'm not sure I understand how to
> get that footer to rest at the very bottom.  
>
> Please help.
> Thanks, 
> ByteDreams
>
>   

You court disaster. Absolute positioning is destined to failure for the 
structure of a layout.  Fixed positioning is  not supported for IE6-- a 
browser you'll need to hit for a WP theme.  Start with a float layout 
that is known to work cross-browser. There are 40 of them here 
. Make one of them yours. That ain't easy.
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] Opera 9 executing IE6 "Holly hack" CSS?

[Andrew S. Townley]

Doh! Forgot the URL.

For anyone who's interested, the updated version is here: 
http://atownley.org/wip/menu2/

On Fri, 2007-06-29 at 17:57, Andrew S. Townley wrote:
> On Fri, 2007-06-29 at 15:44, Bruno Fassino wrote: 
> > Andrew S. Townley wrote:
> > 
> > > I was wondering if anyone could shed some light on why I'm
> > > getting some strange behavior under Opera 9.  It seems to be
> > > doing exactly what IE 6 is doing--meaning that it's recognizing
> > > content inside a "Holly Hack".
> > >
> > > Any ideas (or suggestions of better ways to solve the problem)
> > > would be most appreciated.  The demo is:
> > >  http://atownley.org/wip/menu/
> > 
> > I haven't seen any Holly Hack [1] in your CSS :-)
> > You have this:
> > #nav li.sfhover ul {
> > border: 1px dashed green;
> > /* this is necessary for IE/Win \*/
> > padding-top: 1.2em;
> > /* end hack */
> > }
> > 
> > As for hacks, you only have the backslash comment, that hides things from
> > IE5/Mac. All other browsers read your padding-top.
> > But only the browsers that get the "sfhover" class, which is applied via
> > javascript, actually use that rule. And Opera seems to get this since it
> > understands the Microsoft method attachEvent. You should filter Opera out
> > (many ways to do this) in order to avoid the javascript to affect it (the js
> > is only necessary for IE6-)
> Yeah, I noticed that later, but I guess I only sent a reply to Ingo. 
> That was a Reply vs. Reply All mistake.  Sorry about getting my hacks
> confused.
> 
> > As an additional note, instead of using that padding you can define
> > explicitly the top property (top:1.2em) for your absolutely positioned ul (I
> > think this is better, and you can apply the same value for all browsers.)
> 
> I discovered this by accident when I was playing with themeing the
> menu.  I was actually just in the middle of posting the updated example
> when I saw this email. :)
> 
> Obviously, this is a more straightforward way to solve the problem, but
> it wasn't obvious that was going to need it until now.
> 
> Thanks for your help,
> 
> ast (the slow one)
> 
> > [1] http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0
> > 
> > --
> > Bruno Fassino http://www.brunildo.org/test
> > 
-- 
Andrew S. Townley <[EMAIL PROTECTED]>
http://atownley.org

__
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] IE 5.x questions

[David Laakso]

Dave Pierce wrote:
> Dave Pierce grumbled:
>
>   
>>> In this site, http://www.pierceartanddesign.com/testfiles/index.html
>>> according to the browsercam, everything works fine except IE5 and   
>>> 5.5. (I'm not too worried about versions 3 and 4), but in IE5.x,  
>>> the  content side is all whacked.
>>> Can anyone tell me why?
>>>   
>
>
> to which, David Laakso enlightened:
>
> I do not have IE right now so this is a shot in the dark. You have  
> assigned a px width to the body and 100% to the wrapper.  This /may/  
> be what is making it goofy in IE/5x(?). No guarantee, try:
>
>
>   
>> body{   /*width:760px;*/ <<---delete
>> }
>> #wrapper {
>> /*width: 100%;*/ <--delete
>> width:760px; <--add
>> }
>> #homeheader {
>> margin: 0 auto; <--add
>> }
>>
>> #footer {
>>/*float: left;*/  

Re: [css-d] Wordpress theme floats and footers

[ByteDreams]

Here's a theme that apparently works.
http://windyroad.org/software/wordpress/vistered-little-theme/

I've looked at his files to see how he got that header working, and tried a
few things including using the @media screen hack for IE6.  Still, I don't
see how he's gotten this to work.  

Oh, my site is http://bytedreams.com/
But I think I may have botched it beyond understanding, LOL..

Thxs for any help.

-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED] 
Sent: Friday, June 29, 2007 9:42 AM
To: ByteDreams
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Wordpress theme floats and footers

ByteDreams wrote:
> I'm working on my very first WP theme.
> Everything is inside a #wrapper which is underneath the body tag
> Then I have the following structure:
>
>
> I plan to add another sidebar for a three-column layout, and widgetize the
> sidebars, but haven't added the second sidebar yet.
> What I'm having trouble with right now is the footer which is the last div
> in the html, goes all the way to the top. I'm not sure I understand how to
> get that footer to rest at the very bottom.  
>
> Please help.
> Thanks, 
> ByteDreams
>
>   

You court disaster. Absolute positioning is destined to failure for the 
structure of a layout.  Fixed positioning is  not supported for IE6-- a 
browser you'll need to hit for a WP theme.  Start with a float layout 
that is known to work cross-browser. There are 40 of them here 
. Make one of them yours. That ain't easy.
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] Wordpress theme floats and footers

[David Laakso]

ByteDreams wrote:
> Here's a theme that apparently works.
> http://windyroad.org/software/wordpress/vistered-little-theme/
>
> I've looked at his files to see how he got that header working, and tried a
> few things including using the @media screen hack for IE6.  Still, I don't
> see how he's gotten this to work.  
>   




Considering there are 243 markup validation errors, I would not waste my 
time or yours.


And the @media screen hack is not for IE6.




> Oh, my site is http://bytedreams.com/
> But I think I may have botched it beyond understanding, LOL..
>
> Thxs for any help.
>   



Keep it simple and do not top post. Write below those you reply to, please.

Best,

~dL

::: Wallpaper trimmed :::






__
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] Wordpress theme floats and footers

[ByteDreams]

Okay - back to the drawing board then...

thxs

-Original Message-
From: David Laakso [mailto:[EMAIL PROTECTED] 
Sent: Friday, June 29, 2007 2:06 PM
To: ByteDreams
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Wordpress theme floats and footers

ByteDreams wrote:
> Here's a theme that apparently works.
> http://windyroad.org/software/wordpress/vistered-little-theme/
>
> I've looked at his files to see how he got that header working, and tried
a
> few things including using the @media screen hack for IE6.  Still, I don't
> see how he's gotten this to work.  
>   




Considering there are 243 markup validation errors, I would not waste my 
time or yours.


And the @media screen hack is not for IE6.




> Oh, my site is http://bytedreams.com/
> But I think I may have botched it beyond understanding, LOL..
>
> Thxs for any help.
>   



Keep it simple and do not top post. Write below those you reply to, please.

Best,

~dL

::: Wallpaper trimmed :::







__
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] Wordpress theme floats and footers

[David Laakso]

ByteDreams wrote:
> Okay - back to the drawing board then...
>
> thxs
>
>   

I hope that means back to making one of these 
 yours, and not top-posting any more.

~dL


__
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] confused with disjointed rollovers

[David Hucklesby]

On Fri, 29 Jun 2007 10:42:18 +0100, Rick Lecoat wrote:
> Thanks for that link David, I have a project coming up that will require an 
> image
> gallery rollover technique like that and desperately wanted to do it with 
> CSS, no
> javascript. This has just shown me how.
>
Good. Stu has other examples, too.

CSS is not meant to substitute for scripting, of course. But for certain
well-defined behaviors like this, I find CSS just easier.

Note that there are limits to what CSS can do. Keyboard users are
locked out, for example. While you can include keyboard users by
adding :focus and (for IE) :active selectors to the :hover rules to
allow the tab key to pop up the images, there will be conflicts if you
use both the tab key and the mouse.

This is what I mean:

#thumbs a:focus,
#thumbs a:hover,
#thumbs a:active {border-color:#ddd;}
#thumbs a:focus,
#thumbs a:hover,
#thumbs a:active img {position:absolute; width ... }

> I realise that the example page is not authored by you, but if I may ask your 
> opinion
> of one aspect of it: what is your view, semantically speaking, of the use of 
> the 
> tag to define the thumbnails area? [...]
>
Personally, I'd probably use a SPAN, although you could see it as
emphasizing the images. (?!)

Cordially,
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] can anyone see my content disappearing - IE6 win SP2

[kristin]

 
Ingo wrote:

As this topic is forked in three or four threads, it is a little bit
confusing; Kristin already has attached some fixes I suggested she said, so
maybe its not an issue here anymore. And we did not get any confirmation by
Kristin that the reporter actually had used a high dpi screen on what
laptop.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

You are right again - I do think I gave layout to the appropriate boxes and
I have not reported on the clients settings.  Unfortunately I still don't
know what they are.  I'm experiencing the "don't let the geek talk to the
client" communication flow and I'm just being told things are broken with
nary a screenshot to refer to.   :-(  

I have asked for information on the clients browser / computer / etc, and
*if* I ever get that information I will pass it on to enlighten us all.  :-)
I'm also hoping for a "yay, it's fixed" email, and if I get one of those
I'll let you know too.

Many many thanks to all of you who have emailed me screenshots or "looks
good to me" notes, it's been really, really helpful.

kristin


__
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] IE6 doesn't use defined font-family, -weight, -color for certain links

[Bruno Fassino]

Christian Kirchhoff wrote:
> the following page has problems in IE 6, maybe older versions, too:
> http://wiki.zeno.org
>
> 1.: In IE 6 the links in the left menu are in the default
> font, with the
> default color, and they become underlined on hover though all that is
> modified in the CSS.

You have in this sheet
  index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=te
xt/css&smaxage=18000
groups of selectors like
  div#p-navigation.portlet li a,
  div.portlet[id="p-Zeno.org"] li a,
  div#p-tb.portlet li a

IE 6 does not understand the second selector and seems to ignore the whole
rule including it.
(Note: IE 6 also has problems with selectors including both id and class,
this is called multiple #id.class bug and documented in the wiki, so I would
remove the ".portlet" part in the above, since it is probably redundant, but
this is not your actual problem...)

Of course you cannot immediately change the [id="p-Zeno.org"] with a normal
# selector because of the
dot inside the id name. If you cannot change this name, you can try to
escape the dot, IE 6 seems to understand  div#p-Zeno\002Eorg in place of
div[id="p-Zeno.org"]  ("." expressed as unicode \002E, probably a simpler \.
also works, I'm not sure.)

All this accounts for the missing styles in your left bar.
Then there are other problems, as you have already noticed, that can
hopefully be fixed giving hasLayout to some elements. Both inline-block and
width that you have used are hasLayout triggers [1]. On your links is
probably better to avoid width:100% because they have a non zero right
margin and such width will cause further problems on their containers.
I haven't really looked further.

Hth,
Bruno

[1] www.satzansatz.de/cssd/onhavinglayout.html


--
Bruno Fassino http://www.brunildo.org/test

__
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] IE6 doesn't use defined font-family, -weight, -color for certain links

[Philippe Wittenbergh]

On Jun 30, 2007, at 5:51 AM, Bruno Fassino wrote:

> You have in this sheet
>   index.php? 
> title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=te
> xt/css&smaxage=18000
> groups of selectors like
>   div#p-navigation.portlet li a,
>   div.portlet[id="p-Zeno.org"] li a,
>   div#p-tb.portlet li a
>
> IE 6 does not understand the second selector and seems to ignore  
> the whole
> rule including it.

IE 6 is actually correct in doing that.
It encounters a selector that it doesn't understand (div.portlet 
[id="p-Zeno.org"] li a) and treat it as invalid. In that case, the  
CSS grammar is quite clear: the whole block should be ignored.
see 

(the 'bug' here is that IE6 doesn't support the attribute selector -  
one that is part of CSS2.1)

Safari1.3 and 2 would do the same thing
.xyz, h1~p {color:white; background:lime}
will be ignored by Safari 2.0 (and IE 6), as it doesn't understand  
the '~' selector (general sibling combinator).

Philippe
---
Philippe Wittenbergh





__
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] Wordpress theme floats and footers

[Terry Hamel]

David Laakso <[EMAIL PROTECTED]> wrote:

> Fixed positioning is not supported for IE6

True, but it will through a hack.  I used the Dean Edwards IE7 CSS
hack to get fixed positioning to work on IE6.

http://dean.edwards.name/IE7/
__
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] Styled form problem

[Luc]

 Good evening list,

 I have a form that acts weird: if you click on the "Nome" and
 "E-mail" fields, they shrink.
 Also the subject field is a bit to small. Strangely, in IE it works,
 except in FF,Moz and Opera.
 
 I'm  not  sure  if  it's a Css problem or something with the form. If
 it's the form, please excuse me for posting here :-)

 http://www.dzinelabs.com/projects/MPT/Pages/Contact

 http://www.dzinelabs.com/projects/MPT/Styles/MP.css

 Formtext: http://www.dzinelabs.com/projects/MPT/form.odt  (direct
 download but scanned before upload)
 
-- 
Best regards,
 Luc



Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

"So you're a feminist...Isn't that cute."


__
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] Styled form problem

[Philippe Wittenbergh]

On Jun 30, 2007, at 11:19 AM, Luc wrote:

>  I have a form that acts weird: if you click on the "Nome" and
>  "E-mail" fields, they shrink.
>  Also the subject field is a bit to small. Strangely, in IE it works,
>  except in FF,Moz and Opera.
>
>  I'm  not  sure  if  it's a Css problem or something with the form. If
>  it's the form, please excuse me for posting here :-)
>
>  http://www.dzinelabs.com/projects/MPT/Pages/Contact
>
>  http://www.dzinelabs.com/projects/MPT/Styles/MP.css

 From your stylesheet:
> input:focus, select:focus {
>   width: 90px;
> }

Says it all.

Philippe
---
Philippe Wittenbergh





__
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] IFRAMEs and max height

[Ray Gresko]

Hello All-

I have (what should be) a simple page layout with a header div (40px
height), footer div (50px height) and middle div containing an IFRAME
(600px min height). The whole page should have a minimum height of 690px
(40+600+50) but I want the IFRAME section to expand to fit vertically if
the browser window is taller (so, the footer will be aligned with the
bottom of the browser if the browser window is 690 or taller). I use
this page format as a shell that browses lots of different external html
files (hence the need for the IFRAME).

The main issue is that the IFRAME is set to 100% height but it seems to
default to looking at the full browser height instead of the div it is
contained within to arrive at what is "100% height". It was always
defaulting to being the full height of the browser window, and causing
scrolling by 90px (the combined height of the header and footer).

I actually found a hacky solution that works in IE7, but not in Firefox
(see example below). The thing that made it work was setting the html
bottom margin to 90px, which the IFRAME seems to be reading to scale
height properly. For Firefox, this is ignored and the bottom part of the
IFRAME and the footer are pushed off by 90px.

Any ideas on how to get this to work as it should in both IE and Firefox
with correct CSS would be much appreciated! At this point, I'm willing
to bag CSS and use a table if that would work and someone can help out
with how to do that.

-R

-snip

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





html,body {
margin:0 0 90px 0;
padding:0;
height: 100%;   
}

#wrapper {
width: 900px;
height: 100%;
margin: 0 auto 0 auto;
}

#header {
height: 40px;
background-color: #00CC66;
}

#content {
height: 100%;
width: 900px;
min-height: 600px;
}

#footer {
height: 50px;
background-color: #FF;
}







Header


http://www.msn.com";
width="100%" height="100%" frameborder="0"> 


Footer





snip ---
__
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] Styled form problem

[Luc]

Good evening Philippe, 
It was foretold that on 29/6/2007 @ 11:26:40 GMT+0900 (which was
23:26:40 where I live) Philippe Wittenbergh would write:
>  From your stylesheet:
>> input:focus, select:focus {
>>   width: 90px;
>> }
> Says it all.

Ooops, i thought i had removed that one ... tnx Philippe!!
Only thing that Opera, moz and FF refuses to do is making the subject box wide
enough ... do they require a special declaration for this, since IE
(for once) doesn't have a problem with it?

 
-- 
Best regards,
 Luc
_


Powered by The Bat! version 3.99.3 with Windows XP (build 2600),
version 5.1 Service Pack 2 and using the best browser: Opera.

Pussy Galore: "My name is Pussy Galore." - James Bond: "I must be
dreaming." - Bond meets Pussy Galore - Goldfinger (film 1964) 


__
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] Styled form problem

[Philippe Wittenbergh]

On Jun 30, 2007, at 11:51 AM, Luc wrote:

> Only thing that Opera, moz and FF refuses to do is making the  
> subject box wide
> enough ... do they require a special declaration for this, since IE
> (for once) doesn't have a problem with it?

You mean the  element ?
IE doesn't allow much styling on that one.
Other browsers are affected by this:
> * {
>   padding: 0;
>   margin: 0;
> }
which can make the  box narrower, in different ways depending  
on which browser/OS you look at.

see

why it is not such a great idea to style form controls
and

or previous articles on the same subject linked from there
(on why using the universal selector for that 'reset' isn't a great  
idea either)


Philippe
---
Philippe Wittenbergh





__
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] Styled form problem

[tedd]

At 12:03 PM +0900 6/30/07, Philippe Wittenbergh wrote:
>On Jun 30, 2007, at 11:51 AM, Luc wrote:
>
>>  Only thing that Opera, moz and FF refuses to do is making the 
>>  subject box wide
>>  enough ... do they require a special declaration for this, since IE
>>  (for once) doesn't have a problem with it?
>
>You mean the  element ?
>IE doesn't allow much styling on that one.
>Other browsers are affected by this:
>>  * {
>>  padding: 0;
>>  margin: 0;
>>  }
>which can make the  box narrower, in different ways depending 
>on which browser/OS you look at.
>
>see
>
>why it is not such a great idea to style form controls
>and
>
>or previous articles on the same subject linked from there
>(on why using the universal selector for that 'reset' isn't a great 
>idea either)
>
>Philippe

I had the same problem, namely the select options were very long and 
as a result the select bar was too long.

I fixed the problem by simply using a drop-down menu with only one 
main menu item. I could narrow the default item and expand the drop 
down items.

Sometime controls are a pain.

Cheers,

tedd


-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.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] WinIE Hack please

[Richard Brown]

Dear All

Back to this site again:



I now have all the columns working correctly. However, in IE 6 I get
this happening to the content in the right column:

Is there some sort of hack I have to apply please to get content to
line up correctly please?

Thanks for all the help.
-- 
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.
Romans 12 v 1
__
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/