Re: [css-d] IE7 background change on hover and zoom

[Ingo Chao]

Susanne Jäger wrote:
> Hi,
> 
> I run into a very annoying problem with the pagezoom in IE7. A very
> simplistic testcase (ignore the German text, its just a placeholder -
> styles inline): 
> 
> It's just simple text with some inline links, that are inverted on
> :hover, :focus, :active. When the page is zoomed those links get shifted
> to the right on :hover. The shift is larger for links that are placed at
> the end of a line than for those at the beginning.

Hallo Susanne,

What about giving zoom to the link against this zoom-bug?

   a { zoom:1;}

No. Now the link itself is shifted to the right (but on hover, it keeps 
it's position).

position:relative?

   a { position:relative;}

No. The link leaves a white hole in the line, strolling around.


   a { zoom:1; position:relative;}

No, no. The link is moving out of the line, upwards, and the text wraps 
as if the link would not exist.


If only they had tried their zoom feature before launching.

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/

Re: [css-d] IE 6 pushing right floated div down?

[~davidLaakso]

Maxwell Balmain wrote:
> On Dec 19, 2006, at 5:50 PM, ~davidLaakso wrote:
>
>   
>> If you account for the 20px horizontal  margin on #arrow, does the  
>> column jump into the correct position:
>> Include this for ie/6.0 to the above, suggestion:
>> * html #arrow {  width:140px; } Best,
>> ~dL
>>
>> -- 
>> http://chelseacreekstudio.com/
>>
>> 
>
>
> I think I stumbled across a better solution. 
I think so, too.
> I thought this might be  
> the IE double margin on left floated elements. I experimented with  
> the left and right columns but failed to address the margin to the  
> left floated #arrow div. By just adding "display:inline" to the   
> #arrow div seems to fix the IE mess. No need for the * html #arrow  
> { width:140px;} declaration.
>   
Cool. Good for you. Works fine here.
> Thanks,
>
> Max
>
>   
~d

-- 
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] IE 6 pushing right floated div down?

[~davidLaakso]

Maxwell Balmain wrote:
>>>
>> If you account for the 20px horizontal  margin on #arrow, does the 
>> column jump into the correct position:
>> Include this for ie/6.0 to the above, suggestion:
>> * html #arrow {  width:140px; } Best,
>> ~dL
>>
>> --http://chelseacreekstudio.com/
>>
>
> David,
>
> I think thats it! it moves into position. The words overlap the arrow 
> so I will need to address that. I will refigure the styles, do the 
> addition of the margins correctly and try again. Strange that this did 
> work in FF, Safari, Opera etc...
There is nothing strange about FF, Safari, and Opera. They are compliant 
browsers. It is IE that is strange (deranged).
>
> Thanks!
>
> Max
>
~d

-- 
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] IE 6 pushing right floated div down?

[Maxwell Balmain]

On Dec 19, 2006, at 5:50 PM, ~davidLaakso wrote:

>
>>
> If you account for the 20px horizontal  margin on #arrow, does the  
> column jump into the correct position:
> Include this for ie/6.0 to the above, suggestion:
> * html #arrow {  width:140px; } Best,
> ~dL
>
> -- 
> http://chelseacreekstudio.com/
>


I think I stumbled across a better solution. I thought this might be  
the IE double margin on left floated elements. I experimented with  
the left and right columns but failed to address the margin to the  
left floated #arrow div. By just adding "display:inline" to the   
#arrow div seems to fix the IE mess. No need for the * html #arrow  
{ width:140px;} declaration.

Thanks,

Max
__
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 6 pushing right floated div down?

[Maxwell Balmain]

>>
> If you account for the 20px horizontal  margin on #arrow, does the  
> column jump into the correct position:
> Include this for ie/6.0 to the above, suggestion:
> * html #arrow {  width:140px; } Best,
> ~dL
>
> -- 
> http://chelseacreekstudio.com/
>

David,

I think thats it! it moves into position. The words overlap the arrow  
so I will need to address that. I will refigure the styles, do the  
addition of the margins correctly and try again. Strange that this  
did work in FF, Safari, Opera etc...

Thanks!

Max
__
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 6 pushing right floated div down?

[~davidLaakso]

Maxwell Balmain wrote:
> Thanks David,
>
> Hmmm...
>
> I tried this but that div remains too low. It looked like it was  
> doubling the top-margin so I tried adding halving that margin for IE  
> but that did not work. It must be doubling something to make it drop?
>
> Why does IE always seem to defy reason? Sigh...
>
> Max
>   
Please don't top post. See below:
>
>
> On Dec 19, 2006, at 4:59 PM, ~davidLaakso wrote:
>
>   
>> Maxwell Balmain wrote:
>> 
>>> IE6 is pushing the right floated div(the tour photo gallery div)  
>>> way  down?
>>>
>>> Why???
>>>
>>> Page is here:
>>> http://maxwellbalmain.com/john_working/index.html
>>> Styles is here:
>>> http://maxwellbalmain.com/john_working/styles.css
>>>
>>>
>>>
>>> Max
>>>
>>>   
>> No guarantee with these suggestions-- local file only with ie/6.0  
>> (eolas) on xp:
>>
>> It may be that you have horizontal padding 30px on both width  
>> bearing divisions. Compliant browsers (and even ie/7.0) include it  
>> in the width. While ie/6.0 is adding that padding (30px) to each  
>> division, causing the left cloumn to be hooked trapped beneath the  
>> other one..
>>
>> Try subtracting the h-padding from the width of both containers for  
>> ie/6.0.
>>
>> * html #left_column { background-color: fuchsia; width:550px;}
>> * html #gallery { background-color: lime; width:530px;}
>>
>> and add an empty comment in the clear thing just for good measure:
>> 
>>
>> You may also need to kill the default margin/padding for h2?
>>
>> Best,
>> ~Dl
>>
>> 
>   
If you account for the 20px horizontal  margin on #arrow, does the 
column jump into the correct position:
Include this for ie/6.0 to the above, suggestion:
* html #arrow {  width:140px; } 
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] IE7 background change on hover and zoom

[~davidLaakso]

Susanne Jäger wrote:
> I run into a very annoying problem with the pagezoom in IE7. A very
> simplistic testcase (ignore the German text, its just a placeholder -
> styles inline): 
>
> It's just simple text with some inline links, that are inverted on
> :hover, :focus, :active. When the page is zoomed those links get shifted
> to the right on :hover. The shift is larger for links that are placed at
> the end of a line than for those at the beginning.
>   
If it is what I think it is,  ie/7s page zoom "feature" was flawed the 
day it hit the street. Using text-size 'largest' instead of zoom, I 
believe your links behave as you intended in ie/7. I guess it is just 
yet another one of those "users beware" this is ie situations-- no one 
has come up with a work-around for this that I know of.
>
> Susanne
>
>   
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] last-child problems....

[Philippe Wittenbergh]

On Dec 20, 2006, at 6:47 AM, Adrian Williams wrote:

> With the last-child ENABLED:
> In IE6, everything looks normal.
> In FF, all of the column widths go haywire...reload a coupla time
> and get different results each time. Often many of the columns get
> extended past the edge of the viewable table.
>
> I tried to pad the last column and it works for getting the column
> out from behind the scrollbar in FF, but in IE, it adds an extra
> scrollbar to the bottom and shifts the last column.
>
> With the last-child DISABLED:
> In IE6, everything looks normal.
> In FF, the final column (438) is hidden behind the scroll bar)
>
> In IE7, the entire scrollable section is hosed...badly.I know  
> it has
> to do with the html>body but I don't know how to handle the issue.  I
> tried someone's suggestion of changing one my html>body
> div.tableContainer to html* body div.tableContainer and that didn't  
> help
> any.
>
> I am stumped...I don't know enough about CSS yet to understand exactly
> what I need to do to here.but I am trying to learn!!!

* As I stated in my previous message: :last-child is not supported by  
IE (6 and 7). If you need to apply some special styling for IE,  
you'll need to us a class on the last table-cell.
* for IE 7, the html>body selector applies. If you need the same  
styling as IE 6, you can use the following:  *+html>body {}
* Firefox does something strange in your table. I never had problems  
with the :last-child pseudo-class before.
to your tbody.scrollContent td:last-child selector I added the  
following: {background:lime !important} to visualise what was being  
selected. A number of cells, beyond the last one in each row, where  
selected.

Changed your
html>body div.tableContainer
from overflow: hidden;
to overflow: visible; (default value for overflow)

But FX 2.0 does something strange. The alpha builds of what will be  
FX 3.0 do not have any problem.

Noticed that your table-cells all have a width specified. Maybe  
removing that would help (that makes the table very much over- 
constrained). Not sure.

Anyway, a sort of ugly hack: only apply the 19px right-padding to the  
 cell. That prevents the scrollbar on  to cover the  
contents of the last  cell.
(simply comment out tbody.scrollContent td:last-child, but keep  
thead.fixedHeader th:last-child).


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] IE 6 pushing right floated div down?

[Maxwell Balmain]

Thanks David,

Hmmm...

I tried this but that div remains too low. It looked like it was  
doubling the top-margin so I tried adding halving that margin for IE  
but that did not work. It must be doubling something to make it drop?

Why does IE always seem to defy reason? Sigh...

Max



On Dec 19, 2006, at 4:59 PM, ~davidLaakso wrote:

> Maxwell Balmain wrote:
>> IE6 is pushing the right floated div(the tour photo gallery div)  
>> way  down?
>>
>> Why???
>>
>> Page is here:
>> http://maxwellbalmain.com/john_working/index.html
>> Styles is here:
>> http://maxwellbalmain.com/john_working/styles.css
>>
>>
>>
>> Max
>>
> No guarantee with these suggestions-- local file only with ie/6.0  
> (eolas) on xp:
>
> It may be that you have horizontal padding 30px on both width  
> bearing divisions. Compliant browsers (and even ie/7.0) include it  
> in the width. While ie/6.0 is adding that padding (30px) to each  
> division, causing the left cloumn to be hooked trapped beneath the  
> other one..
>
> Try subtracting the h-padding from the width of both containers for  
> ie/6.0.
>
> * html #left_column { background-color: fuchsia; width:550px;}
> * html #gallery { background-color: lime; width:530px;}
>
> and add an empty comment in the clear thing just for good measure:
> 
>
> You may also need to kill the default margin/padding for h2?
>
> 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] IE 6 pushing right floated div down?

[~davidLaakso]

Maxwell Balmain wrote:
> IE6 is pushing the right floated div(the tour photo gallery div) way  
> down?
>
> Why???
>
> Page is here:
> http://maxwellbalmain.com/john_working/index.html
> Styles is here:
> http://maxwellbalmain.com/john_working/styles.css
>
>
>
> Max
>   
No guarantee with these suggestions-- local file only with ie/6.0 
(eolas) on xp:

It may be that you have horizontal padding 30px on both width bearing 
divisions. Compliant browsers (and even ie/7.0) include it in the width. 
While ie/6.0 is adding that padding (30px) to each division, causing the 
left cloumn to be hooked trapped beneath the other one..

Try subtracting the h-padding from the width of both containers for ie/6.0.

* html #left_column { background-color: fuchsia; width:550px;}
* html #gallery { background-color: lime; width:530px;}

and add an empty comment in the clear thing just for good measure:


You may also need to kill the default margin/padding for h2?

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] IE 6 pushing right floated div down?

[Maxwell Balmain]

IE6 is pushing the right floated div(the tour photo gallery div) way  
down?

Why???

I did some reading and know about the ID double horizontal margin bug  
and the use of "display:inline" as a fix.

Page is here:
http://maxwellbalmain.com/john_working/index.html
Styles is here:
http://maxwellbalmain.com/john_working/styles.css

Any ideas would be welcome. I have tried some things but nothing  
seems to work...

Also, thanks to Francky for the idea of reversing the nav order and  
using its own wrapper!

Thanks,

Max


__
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] IE7 background change on hover and zoom

[Susanne Jäger]

Hi,

I run into a very annoying problem with the pagezoom in IE7. A very
simplistic testcase (ignore the German text, its just a placeholder -
styles inline): 

It's just simple text with some inline links, that are inverted on
:hover, :focus, :active. When the page is zoomed those links get shifted
to the right on :hover. The shift is larger for links that are placed at
the end of a line than for those at the beginning.

I'm pretty sure this bug must have been noticed before, but couldn't
find neither a specific description nor a workaround.
I had a couple of similar problems with page-zoom and "not layouted"
inline content - on horizontal list and similar stuff, but those could
be fixed with some hasLayout / position: relative combination, when I
could address all children of a block element. In this case - in flow
inline-content nothing seems to work ...
or I'm just looking too long on the same page.

Any hints?

Susanne

-- 
http://sujag.de - Webentwicklung und -beratung
10119 Berlin, Tel: 030 - 440 483 47
* CSS-Referenz für den Schreibtisch * CSS GE-PACKT - mitp
http://mitp.de/vmi/mitp/detail/pWert/1620/titel/CSS%20GE-PACKT
__
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] Site Check: IE6

[Gunlaug Sørtun]

~davidLaakso wrote:

>> www.realestatejourney.com
>> 
>> The content area moves to the bottom of the page.

> I regret is not only an ie/6.0 problem. This happens on most all of 
> your pages in compliant browsers with font-scaling, too. You may need
>  to re-think the structure of the page layout(s). Someone else may 
> have a simple CSS solution.

The simplest solution seems to be to add...
#mainbody {clear: both;}
...to prevent elements inside mainbody from getting "hooked up" on
elements inside the header when some degree of font-resizing is applied.

There will of course be some overflow/overlapping, since not all
elements are styled to adjust with text-size.

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] Site Check: IE6

[~davidLaakso]

Kenny Meyers wrote:
>I'm having significant issues with IE6 and have looked through the
> archives and maybe I'm not seeing it but I can't find a solution to the
> problem.
>
> www.realestatejourney.com
>
> The content area moves to the bottom of the page.
> Kenny Meyers
>   
I regret is not only an ie/6.0 problem. This happens on most all of your 
pages in compliant browsers with font-scaling, too. You may need to 
re-think the structure of the page layout(s). Someone else may have a 
simple CSS solution.
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] Site Check: IE6

[Gunlaug Sørtun]

Kenny Meyers wrote:
> www.realestatejourney.com
> 
> The content area moves to the bottom of the page.

The '3px bug' is hitting it.
Adding...
* html #sidebar {margin-right: -3px;}
...will create enough space for the large image, whereby the rest will
also fall into place.

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] Negative background position: pixels work, percent doesn't...?

[Stephanie Leary]

Thanks, Ingo. I'm sure this will start making sense after a couple more
aspirin...


-- 
Stephanie Leary
Web Communications Specialist
The Texas A&M University System
tamus.edu

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

[Adrian Williams]

Ok,  here is a description of what's happening in each browser with each 
setting:

With the last-child ENABLED:
In IE6, everything looks normal.
In FF, all of the column widths go haywire...reload a coupla time 
and get different results each time. Often many of the columns get 
extended past the edge of the viewable table.

I tried to pad the last column and it works for getting the column 
out from behind the scrollbar in FF, but in IE, it adds an extra 
scrollbar to the bottom and shifts the last column.

With the last-child DISABLED:
In IE6, everything looks normal.
In FF, the final column (438) is hidden behind the scroll bar)

In IE7, the entire scrollable section is hosed...badly.I know it has 
to do with the html>body but I don't know how to handle the issue.  I 
tried someone's suggestion of changing one my html>body 
div.tableContainer to html* body div.tableContainer and that didn't help 
any.

I am stumped...I don't know enough about CSS yet to understand exactly 
what I need to do to here.but I am trying to learn!!!

Adrian

Sasha Gerrand wrote:
> On 19/12/06, Adrian Williams <[EMAIL PROTECTED]> wrote:
>   
>> Yes, I agree...I have gone thru and cleaned up the html and passed
>> the XHTML 1.0 validation.
>>
>> I have also re-enabled the last-child declares so that you can see
>> what they are doing in the code...
>>
>> http://www.familydna.net/williams/results_page.php
>>
>> And here is the same page and same code but with the last-child
>> declares remarked out
>>
>> http://www.familydna.net/williams/NEWresults_page.php
>>
>> My primary browser is FF but I also need to get this working
>> correctly in both IE6 and IE7.
>>
>> Thanks in advance for the help!!
>> 
>
> I don't actually see the problem that you describe in IE6 and don't
> have a copy of IE7 handy. Given that the results tables are being
> generated out of PHP, why not have the last table header/cell
> generated with a 'last' class (or something similar)?
>   
__
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] Cursor change issue

[~davidLaakso]

Sasha Gerrand wrote:
> On 20/12/06, Raghavendhran, Kavita <[EMAIL PROTECTED]> wrote:
>   
>> I have a href tag inside an li. I want the cursor to change to hand when
>> the mouse is over a particular li/a href. I have set the display to
>> block inside the 'a' style. It doesn't seem to work in IE 6.0 for some
>> reason. Given it a background colour as well.
>> 
>
> Do you have an online example of this?
>   
I believe this is resolved under a different subject line. Someone 
suggested adding: width: 100%.
~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] Site Check: IE6

[Sasha Gerrand]

On 20/12/06, Kenny Meyers <[EMAIL PROTECTED]> wrote:
> Hey folks,
>I'm having significant issues with IE6 and have looked through the
> archives and maybe I'm not seeing it but I can't find a solution to the
> problem.
>
> www.realestatejourney.com
>
> The content area moves to the bottom of the page.

If you put your welcome image and H2 tag content into a container, say
a DIV with the ID of 'welcome', you could use the following CSS to fix
it:


* html #welcome { float: right; }


That will fix your stated problem - but check how it looks in IE 7 of course. ;)
-- 
Cheers,
Sasha
__
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] input margin bug (IE7)

[Alastair Campbell]

On 12/19/06, Ingo Chao <[EMAIL PROTECTED]> wrote:
> Strange. Seems to be a similar problem in IE6, but the wrapper is
> expanding there.

I'm glad it wasn't something common that I had just missed before, but
it is very strange that this hasn't come up before, isn't it?
Especially since it affects IE6 (in a different way) as well.

We've gone with removing some of the styles from IE7 for now, and
since it isn't an easy hasLayout issue it doesn't seem to have a
CSS-only fix.

Thanks Ingo,

-Alastair
__
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] input margin bug (IE7)

[Ingo Chao]

Alastair Campbell wrote:
> A friend came across a strange bug that must have come up before, but
> I can't find anything on it.
> 
> If you have an input in a container, both have a width, and the
> container has a left-margin, IE7 puts it out of the container. It was
> quite a complex site, so I put a cut down version up here:
> http://alastairc.ac/testing/IE7_bugs/funk-button_bug.html
> 
> It doesn't seem to be a hasLayout issue, is there another type of
> issue I've missed?
> 
> Kind regards,
> 
> -Alastair
> 
> (On digest, please CC me if you reply.)


Strange. Seems to be a similar problem in IE6, but the wrapper is 
expanding there.

Separating the input from its parent ( with a solid span) seems to help:






but how ugly that would be.

Regards,

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/

Re: [css-d] Cursor change issue

[Sasha Gerrand]

On 20/12/06, Raghavendhran, Kavita <[EMAIL PROTECTED]> wrote:
> I have a href tag inside an li. I want the cursor to change to hand when
> the mouse is over a particular li/a href. I have set the display to
> block inside the 'a' style. It doesn't seem to work in IE 6.0 for some
> reason. Given it a background colour as well.

Do you have an online example of this?
-- 
Cheers,
Sasha
__
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] Ordered List Issue

[Rafael Holt]

On 19/12/06, Steve LaBadie <[EMAIL PROTECTED]> wrote:
>
> I have an unordered list with an image as the bullet and I want to nest
> an ordered list with decimals inside. The problem is the image is
> populating both list.


How about ?

Rafael
__
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] Pitfalls of overflow

[Rafael Holt]

On 19/12/06, Barney Carroll <[EMAIL PROTECTED]> wrote:
>
> I know this list isn't particularly keen on conceptual problems but I
> have this notion that I can't conceive of without overflow on a
> containing element which then comes round to bite me in the face.
>
> I have my two columns, navigation and content, side by side. The nav is
> meant to extend to however long the content is. I have achieved this by
> using the padding-bottom:(massive); margin-bottom:-(massive); and
> overflow:hidden; technique.
>
> However my navigation has a two-layer deep UL system whereby the site's
> main sections are listed downwards on the left hand of the nav column,
> and any li's deeper ul is absolutely positioned to just to the right of
> it, so my submenu drops down.
>
> I have only just realised I am in deed trouble because when my submenu
> gets large it will simply extend into nowhere.
>
> I'm under the impression that position:absolute within an
> overflow:hidden; are nails in both feet. I'm wondering if anyone's ever
> succeeded in this - I'm certain it must have been done at some point,
> both techniques (flyout submenus and extending faux-table-cell columns)
> are so common... Or am I chasing an impossible (or just ultra risky)
> dream?
>
> Regards,
> Barney


Hi,

I'm not sure exactly what you mean by nails in both feet, but I have a ul
within a div with overflow:hidden on a photo gallery I'm in the middle of
making. Go here  and change the
number of thumbs to something small like 2. Then hover your mouse over the
number after the word "page" (where it says page 1 of X showing images...).
That number is in a div and when you mouse over it, the ul appears (when the
div is hovered over, its overflow changes to visible). There is no
javascript there (but I've only tested it in FF2 so far and it won't work in
IE6 and probably not in IE7). I don't know if this is what you're after, but
it seems like it might be. Hope it helps,

Rafael
__
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] IE7 clearing issue

[Ingo Chao]

Shelly wrote:
> Hey all -
> 
> I'm using the "position is everything" trick of a "clearfix" class 
> (http://www.positioniseverything.net/easyclearing.html).  According to 
> the article, the clearfix works on everything *but* IE - however the 
> article states:
> 
> "This does not affect IE/Win which simply keeps enclosing the float as 
> always (assuming the container has a stated dimension)"
> 
> Now, I have a small thing - it's a little div that rests within another 
> div.  The "inside" div has two floated elements - one right, one left. 
> Here is no specified height, because the content is supposed to push the 
> outer div down as it expands.
> 
> However, in IE 7, the outer div doesn't get pushed down.  And it's IE7 - 
> so I half-expected it to work like Mozilla (my bad!  What was I 
> thinking?!?) and use the clearfix, but it doesn't.  And as a rule, IE 
> generally doesn't see it anyway.  So it looks like I'm screwed both ways 
> to Sunday.  Do I *have* to put in additional markup to force the clear? 
>   I really don't want to.  I was wondering if there was another way?
> 
> (if you want to see it: http://www.brassblogs.com/wordpress - it's a 
> test site for a client - for the record, I didn't design it! - and I'm 
> putting it through the final checks and stuff right now.  The issue 
> resides in the yellow bars beneath the posts - if the lines wrap, they 
> go past the yellow bar in IE7)
> 
> ~Shelly
> __



your clearfix breaks in IE7
use
.clearfix {zoom:1}

see [1, 2]

Ingo


[1] http://archivist.incutio.com/viewlist/css-discuss/82146
[2] http://www.tanfa.co.uk/archives/show.asp?var=300


-- 
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] Site Check: IE6

[Kenny Meyers]

Hey folks,
   I'm having significant issues with IE6 and have looked through the
archives and maybe I'm not seeing it but I can't find a solution to the
problem.

www.realestatejourney.com

The content area moves to the bottom of the page.

Thanks for all your help!

Cheers,
Kenny Meyers
__
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] Pitfalls of overflow

[Bob Easton]

Barney Carroll wrote:
> I...
> 
> I'm under the impression that position:absolute within an 
> overflow:hidden; are nails in both feet. I'm wondering if anyone's ever 
> succeeded in this - I'm certain it must have been done at some point, 
> both techniques (flyout submenus and extending faux-table-cell columns) 
> are so common... Or am I chasing an impossible (or just ultra risky) dream?
> 

Does the submenu really need overflow:hidden?  I haven't tried it (or 
can't remember trying it), but what happens with overfolw:scroll on an 
absolutely positioned element?


-- 
Bob Easton
Accessibility Matters: http://access-matters.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] Negative background position: pixels work, percent doesn't...?

[Ingo Chao]

Stephanie Leary wrote:
> Ran into a bizarre problem over the weekend. The goal of this page is to
> combine a nav menu with progress meters for a funding campaign. After much
> fiddling with stacking things, I realized the simplest way to do it would be
> to set a background image on each list item, and move it to the left by
> whatever amount has not been funded.
> 
> Example:
> http://stephanieleary.net/progress-test/
> 
> For goal #10, I tried
> background-position: -76% 50%;
> 
> ...but it doesn't work. If I do the math and specify the pixels, it does:
> background-position: -152px 50%;
> 
> (Actually, that doesn't work in Safari either, but I'm willing to deal with
> Safari later.)
> 
> Why won't the percentage work?
> 
> 


Image and box are approx. 200px wide in your example.


As per CSS spec, the percentage does not move the left top corner:

"With a value pair of '14% 84%', the point 14% across and 84% down the
image is to be placed at the point 14% across and 84% down the padding
area."

This means, percentage bg positioning uses two corresponding points, a 
point in the img and a point in the box, and matches them.

See fig1 in Zoe's article [1].

As long as your image is as wide as the box, no percentage value should 
move it, since the position of any percentage-related point is the same.

If both are 200px wide, 50% means: the middle of the img is matched to 
the middle of the box: no move.
0%: no move. -76%: no move.
Because both are equal in width.

With percentages, you can move a smaller or an wider image in relation 
to the box.


To cover 100% of the box with the image: The image should have a width 
of 400px, and the half of it should get the color [+], the other half 
should be white [=].

img: 0%100% 400px

box: 0%100% 200px

turned by -90° here

imgpos:0%, boxcovered:100%

=
=
=
=
+#
+#
+#
+#_0%


pos 25%, covered 75%
=
=
=
=#
+#
+#_25%
+#
+

pos 50%, covered 50%
=
=
=#
=#_50%
+#
+#
+
+

pos 75%, covered 25%
=
=#_75%
=#
=#
+#
+
+
+

Or is it the other way round? Hmm.

And Safari will probably have
problems with %-positioning bg-images that are bigger than the box anyway.

Ingo


[1] http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58
-- 
http://www.satzansatz.de/css.html


-- 
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] Ordered List Issue

[Steve LaBadie]

I have an unordered list with an image as the bullet and I want to nest
an ordered list with decimals inside. The problem is the image is
populating both list.

 









 







 

 

 





 

Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa 18301
570-422-3999
[EMAIL PROTECTED]  
http://www.esu.edu  

 

__
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] Pitfalls of overflow

[Barney Carroll]

I know this list isn't particularly keen on conceptual problems but I 
have this notion that I can't conceive of without overflow on a 
containing element which then comes round to bite me in the face.

I have my two columns, navigation and content, side by side. The nav is 
meant to extend to however long the content is. I have achieved this by 
using the padding-bottom:(massive); margin-bottom:-(massive); and 
overflow:hidden; technique.

However my navigation has a two-layer deep UL system whereby the site's 
main sections are listed downwards on the left hand of the nav column, 
and any li's deeper ul is absolutely positioned to just to the right of 
it, so my submenu drops down.

I have only just realised I am in deed trouble because when my submenu 
gets large it will simply extend into nowhere.

I'm under the impression that position:absolute within an 
overflow:hidden; are nails in both feet. I'm wondering if anyone's ever 
succeeded in this - I'm certain it must have been done at some point, 
both techniques (flyout submenus and extending faux-table-cell columns) 
are so common... Or am I chasing an impossible (or just ultra risky) dream?

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] input margin bug (IE7)

[Alastair Campbell]

A friend came across a strange bug that must have come up before, but
I can't find anything on it.

If you have an input in a container, both have a width, and the
container has a left-margin, IE7 puts it out of the container. It was
quite a complex site, so I put a cut down version up here:
http://alastairc.ac/testing/IE7_bugs/funk-button_bug.html

It doesn't seem to be a hasLayout issue, is there another type of
issue I've missed?

Kind regards,

-Alastair

(On digest, please CC me if you reply.)
__
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] Recommendation - Website design / layout feedback

[Stephan Wehner]

On 12/17/06, ~davidLaakso <[EMAIL PROTECTED]> wrote:
> Stephan Wehner wrote:
> > What do members recommend for website design and layout questions? As
> > in, I'm developing a website, and would like some feedback and advice
> > about its general design/layout. I've seen some forums, but wasn't too
> > happy with them.
> > Stephan
> t is difficult on any public list when it comes to matters of opinion.
> If you have thick skin and can separate the wheat from the shaft try
> . Or ask someone whose work you admire.
> Flattery opens many doors.
> Best,
> ~dL
>
>
> --
> http://chelseacreekstudio.com/

Well, thanks for all replies! I also got an off-list recommendation
for "the Webweaver's group and the Wisewomen's group. "

Stephan



-- 
Stephan Wehner
> http://stephan.sugarmotor.org
> http://stephansmap.org
> http://www.trafficlife.com
> http://www.buckmaster.ca
__
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] IE7 clearing issue

[Shelly]

Hey all -

I'm using the "position is everything" trick of a "clearfix" class 
(http://www.positioniseverything.net/easyclearing.html).  According to 
the article, the clearfix works on everything *but* IE - however the 
article states:

"This does not affect IE/Win which simply keeps enclosing the float as 
always (assuming the container has a stated dimension)"

Now, I have a small thing - it's a little div that rests within another 
div.  The "inside" div has two floated elements - one right, one left. 
Here is no specified height, because the content is supposed to push the 
outer div down as it expands.

However, in IE 7, the outer div doesn't get pushed down.  And it's IE7 - 
so I half-expected it to work like Mozilla (my bad!  What was I 
thinking?!?) and use the clearfix, but it doesn't.  And as a rule, IE 
generally doesn't see it anyway.  So it looks like I'm screwed both ways 
to Sunday.  Do I *have* to put in additional markup to force the clear? 
  I really don't want to.  I was wondering if there was another way?

(if you want to see it: http://www.brassblogs.com/wordpress - it's a 
test site for a client - for the record, I didn't design it! - and I'm 
putting it through the final checks and stuff right now.  The issue 
resides in the yellow bars beneath the posts - if the lines wrap, they 
go past the yellow bar in IE7)

~Shelly
__
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] (was no subject) ie/6.0 issue

[Raghavendhran, Kavita]

> That worked thanks a lot. I cannot send the link to the page I am
> afraid.  
> Setting the width to 100% did the trick. Understood what was happening
> there, I guess the A tag was not taking the complete width for the li,
> and so the display:block property was not being applied to it.

-Original Message-
From: ~davidLaakso [mailto:[EMAIL PROTECTED] 
Sent: 19 December 2006 16:06
To: css-d@lists.css-discuss.org
Cc: Raghavendhran, Kavita
Subject: Re: [css-d] (was no subject) ie/6.0 issue

Raghavendhran, Kavita wrote:
> I have a href tag inside an li. I want the cursor to change to hand
when
> the mouse is over a particular li/a href. I have set the display to
> block inside the 'a' style. It doesn't seem to work in IE 6.0 for some
> reason. Given it a background colour as well.
Hard to tell without a link to the problem page.
Try adding this on the a:
position: relative;
width: 100%;
Best,
~dL

-- 
http://chelseacreekstudio.com/


This email has been scanned for all viruses by the MessageLabs SkyScan
service.


**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you are not the intended recipient, please e-mail 
the sender immediately by replying to this message and delete the 
material from any computer.

This Message is attributed to the sender and may not necessarily 
reflect the view of Capita Registrars, its subsidiaries or associates.

If you would like to find out more about Capita Registrars, please visit 
our website at http://www.capitaregistrars.com

Part of The Capita Group Plc.
Registered Office:
The Registry
34 Beckenham Road
Beckenham
Kent
BR3 4TU

Registered in England no: 2605568

**

__
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] Help to control my footer

[Marcelo Wolfgang]

Hi list,

I'm struggling all morning trying to implement something like this :
http://scott.sauyet.name/CSS/Demo/FooterDemo2.html

on a website I'm developing, but I cannot make it work at all. and in
IE I even can't make it display correctly( the footer is over the
content)

I've try a lot, and tested all css trick I ever knew, and they weren't
enough, you can see my site here :

http://www.mobilciclo.org/dev/videos/

it will look good until you resize your browse, then the foot will be
move to the top of the document. My idea for the ris that it is on the
end of the page when the content is smaller than the viewport, and its
on the end of the viewpage when the content is smaller for it ...

Please advice

TIA
Grillo
__
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] (was no subject) ie/6.0 issue

[~davidLaakso]

Raghavendhran, Kavita wrote:
> I have a href tag inside an li. I want the cursor to change to hand when
> the mouse is over a particular li/a href. I have set the display to
> block inside the 'a' style. It doesn't seem to work in IE 6.0 for some
> reason. Given it a background colour as well.
Hard to tell without a link to the problem page.
Try adding this on the a:
position: relative;
width: 100%;
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] Paragraph disappears near float:right image when resizing window in Internet Explorer

[Gunlaug Sørtun]

Sophie Dennis wrote:

> In fact any property which sets hasLayout on the container with the 
> background will do the trick. Similar bugs can also occur in IE7 but 
> *not* in IE6 (just to confuse you). See 
> http://www.cayenne.co.uk/ie7/disappearing-content.html for tests and 
> longer explanation of the fix.

You'll find that most cases are related to IE losing track of relations
between parent and child elements, thus getting the stacking wrong
and/or unstable. The result is that the child gets completely or partly
covered by the parent.
If the parent has a transparent background or (as often is the case) no
background, then this covering-effect is not immediately apparent. Once
there are backgrounds involved, the covering-effect may become really
confusing, because IE mixes up the relations between elements.

You may then either stiffen up IE's backbone by triggering its
'hasLayout' bug at the right elements, while making sure to counteract
any negative effects that bug may have on element-relations.
You may also, in some but not all cases, affect the stacking directly.
In many cases you'll have to do both to achieve a reliable effect/fix.

I'll borrow Bruno's test case to illustrate the covering effect in a
certain case - not unlike the original case in this thread...

...and add a pointer to a relevant section in the 'hasLayout' article...


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-d] (no subject)

[Raghavendhran, Kavita]

I have a href tag inside an li. I want the cursor to change to hand when
the mouse is over a particular li/a href. I have set the display to
block inside the 'a' style. It doesn't seem to work in IE 6.0 for some
reason. Given it a background colour as well.



**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you are not the intended recipient, please e-mail 
the sender immediately by replying to this message and delete the 
material from any computer.

This Message is attributed to the sender and may not necessarily 
reflect the view of Capita Registrars, its subsidiaries or associates.

If you would like to find out more about Capita Registrars, please visit 
our website at http://www.capitaregistrars.com

Part of The Capita Group Plc.
Registered Office:
The Registry
34 Beckenham Road
Beckenham
Kent
BR3 4TU

Registered in England no: 2605568

**

__
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] Paragraph disappears near float:right image when resizing window in Internet Explorer

[Sophie Dennis]

Gaz Newt wrote:
>  Gaz Newt wrote:
>   
>> In Internet Explorer 6 when I resize the browser window the last 
>> paragraph sometimes disappears, only to return if you keep resizing 
>> the window. 
>> 
>
> Adding...
> .diaryentrycontainer p {position: relative;}
> ...will make IE get the stacking right.
>
> Yes that's sorted it out, thanks a lot
>   
In fact any property which sets hasLayout on the container with the 
background will do the trick. Similar bugs can also occur in IE7 but 
*not* in IE6 (just to confuse you). See 
http://www.cayenne.co.uk/ie7/disappearing-content.html for tests and 
longer explanation of the fix.

-- 
Sophie Dennis, Creative Director
Cayenne Web Development Limited
www.cayenne.co.uk


__
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] Paragraph disappears near float:right image when resizing window in Internet Explorer

[Gaz Newt]

 Gaz Newt wrote:
> In Internet Explorer 6 when I resize the browser window the last 
> paragraph sometimes disappears, only to return if you keep resizing 
> the window. 

Adding...
.diaryentrycontainer p {position: relative;}
...will make IE get the stacking right.

Yes that's sorted it out, thanks a lot


 Send instant messages to your online friends http://uk.messenger.yahoo.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] Paragraph disappears near float:right image when resizing window in Internet Explorer

[Gunlaug Sørtun]

Gaz Newt wrote:
> In Internet Explorer 6 when I resize the browser window the last 
> paragraph sometimes disappears, only to return if you keep resizing 
> the window. When I take the background-color off the container div 
> the last paragraph never disappears. But I need the background-color 
> for my design.

> http://www.freewebs.com/gaz_tester/test.htm

Adding...
.diaryentrycontainer p {position: relative;}
...will make IE get the stacking right.

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-d] Paragraph disappears near float:right image when resizing window in Internet Explorer

[Gaz Newt]

I have a container div with a background-color. The div contains paragraphs and 
two images. The two images are float:right.

In Internet Explorer 6 when I resize the browser window the last paragraph 
sometimes disappears, only to return if you keep resizing the window. When I 
take the background-color off the container div the last paragraph never 
disappears. But I need the background-color for my design.

I've setup a test at :

http://www.freewebs.com/gaz_tester/test.htm

Any ideas?



-
 Now you can scan emails quickly with a reading pane. Get the new Yahoo! Mail.
__
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 Positioning and Fixed Footer Woes in IE

[Gunlaug Sørtun]

Mark Henderson wrote:
> [...] So, to reiterate, does anyone know of a way to have a fixed 
> width box horizontally centered but always a fixed distance from the 
> bottom of the viewport, whilst allowing the content to scroll using 
> overflow. I hope that all made sense. Any ideas?

Yes...


...but I don't know if any of the above can be adapted to your case
without seeing the case.

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] IE7 problem with my site - www.pain.ro

[Daniel Petre]

nevermind, just fixed !

i forgot to add z-index to img.background like:

img.background {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
}

and now everything shows up correctly.
whats left is ie6 and ie7 hacks for the menu positioning:

#navcontainer {
  z-index: 100;
  position: absolute;
  margin-left: 32px;
  *margin-top:15px ; _margin-top:15px ;
*margin-top:15px ;
}

the "*margin-top:15px ; _margin-top:15px ;" line is for ie7 only,
the following line is for ie6 and ie7.

thank you all for reading my messages and for your replies.

Daniel Petre wrote:
> hello, thanks for the reply but it seems it doesnt work..
> 
> Devon Miller wrote:
>> Daniel Petre wrote:
>>> hello, anyone can guide me to a hack regarding viewing my page (
>>> http://www.pain.ro ) the right way in IE7 ?
>> It looks like the IE z-index bug[1]. Basically, since you have 2
>> positioned elements and one does not contain the other, IE treats the
>> later element (#background) as being in front of the earlier element
>> (#navcontainer).  If you put a larger z-index on #navcontainer, it
>> should work.
>>
>> dcm
>>
>> [1] http://www.aplus.co.yu/lab/z-pos/
>>
> 
> __
> 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] IE7 problem with my site - www.pain.ro

[Daniel Petre]

hello, thanks for the reply but it seems it doesnt work..

Devon Miller wrote:
> Daniel Petre wrote:
>> hello, anyone can guide me to a hack regarding viewing my page (
>> http://www.pain.ro ) the right way in IE7 ?
> 
> It looks like the IE z-index bug[1]. Basically, since you have 2
> positioned elements and one does not contain the other, IE treats the
> later element (#background) as being in front of the earlier element
> (#navcontainer).  If you put a larger z-index on #navcontainer, it
> should work.
> 
> dcm
> 
> [1] http://www.aplus.co.yu/lab/z-pos/
> 

__
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/