Re: [css-d] IE problem using graphic as underline

[francky]

Micky Hulse wrote:

>David McFarland wrote:
>  
>
>>Is there a workaround for this?
>>
>>
>Hehe, I was just working on the same thing... funny you mention it cause 
>now I may hold-off on implementing.
>
>Anyway, a good place to look on ALA for more info is the comments 
>section for the articles:
>
>
>
>I noticed in the first few pages several people ask the same question.
>
>Hth,
>Micky
>  
>
Hi all,
Just figured out a workaround, but it's too late now for making a good 
looking description / testpage. Promise: within a few days!

francky

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

Re: [css-d] IE problem using graphic as underline

[Micky Hulse]

francky wrote:
> Just figured out a workaround, but it's too late now for making a good 
> looking description / testpage. Promise: within a few days!

I am looking forward to seeing your results!  :D

Thanks for sharing Francky!

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

[css-d] [IE problem] Emulating a select dropdown with CSS

[Bostjan Kern]

Hi,

this are the test URIs:
- http://lol.si/emulate-select/test.html
- http://lol.si/emulate-select/test-unselected.html

Document is XHTML 1.0 Strict valid, CSS 2.1 valid (except for the .htc bit)
and works fine on Win/Mac in Opera9, Firefox and Safari.
Internet Explorer 6/7 however remains a problem...

I suspect that the problem is the secondary UL that IE needs to draw when
display:block is set, that's why the flickering and margin.

Any ideas how to get rid of this?

Kind regards,
Bostjan
__
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 problem - removing line under navigation - any tips?

[lucas]

Hello

I was wondering if there is something obvious I am missing.



if anyone has time, could they check out
 http://lucazoid.com/jt



in firefox, it looks ok


but in IE, I have a 2px thick gray line running under the navigation
buttons at the top of the page.


I would like to get rid of this lines but cant see anything in my css which is 
making them appear.

the css is at 
http://lucazoid.com/jt/resources/css/style.css


any suggestions would be most appreciated!



Cheers

Lucas







  ___ 
Want ideas for reducing your carbon footprint? Visit Yahoo! For Good  
http://uk.promotions.yahoo.com/forgood/environment.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE problem showing border-top for an ancor

[Enrico Teotti]

Hi,
in my HTML test page I've tried to set a top border when I hover a
link. It does work in Firefox and Opera. Is internet explorer capable
to do that?
The HTML:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>

http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">



new layout





posti



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

Re: [css-d] ie problem with text going over graphic

[Gunlaug Sørtun]

Melinda Odom wrote:

> How do I fix this ie problem with the text being spread out over the 
> flower? http://www.designhosting.biz/newsite/intro.html

The 'hasLyout'[1] bug (yes, it is a bug) is taking over, triggered by
the width on #mainContent. The result is that the entire #mainContent is
lining up alongside #introLinks, thus is shifted 230px over to the
right side - in IE/win. So, #blank also ends up 230px too far to the
right, and the paragraphs are 230px too wide.

There's no easy way to avoid that IE bug without adding more elements,
so you may as well play along with it.

Changing styles on #mainContent to...

#mainContent {
font-size: 11px;
line-height: 1.5;
color: #FF;
margin-top: 40px;
width: 470px;
float: left;
}

...will correct the width to a more suitable one, and make other
browsers line up that element like IE6 does, but in accordance with
standards and not depending on bugs.

BTW: no need to have a background-image on #blank - not even a
transparent one. It'll stay transparent anyway.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE Problem has been killing my social life...

[Jan West]

Hi List,

 

I have a page that seems to have a has layout bug in IE, and for the life of
me I can't figure out how to track down the problem child.  The page is
www.neptac.org/employment and you can see that the page has a horizontal
scrollbar showing up in IE7.  It's not there in Firefox.  It must have
something to do with my table and it might be buried in the tinytable
javascript library I'm using to format the table, but for the life of me I
can't see what is going wrong.  If I shorten the width of the table in
style.css the width of the page becomes smaller so my thinking is that I
must be banging into an IE has layout issue.  Help!

 

Jan  

 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE Problem - logo appearing on top of text

[Timariane Thornewig]

Hello,
I was wondering if someone can help me out, I'm a newbie. The logo is appearing 
on top of my text in several versions of IE. 

http://www.ashelighting.com/controldesign.html

I think this is just one of the pages it's happening on. May be happening on 
other pages of the site. Anyone know of an IE fix for this?

Thanks!






  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE problem navigation and other info moving over.

[Carol Swinehart]

http://www.bowenhouse.org/

This looks fine in the other browsers

I need a fix for IE that doesn't break the other browsers.

Thanks,

Carol

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE problem with rounded boxes and bottom margin...

[Thomas -Balu- Walter]

Hello everyone,

I am having a problem with weird IE behaviour (guessed that, huh?) when
playing with rounded corners. 

To do so I've created a simple piece of code as follows:


Box header


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
delenit augue duis dolore te feugait nulla facilisi.



The CSS is as follows:

.sidebox { /* top left corner */
background: #f00 url(border_tl_c9d3de.gif) no-repeat left top;
margin-bottom: 20px;
}

.sidebox h2 { /* top right corner and text */
font-size: 12px;
margin: 0 0 0 7px;
padding: 4px 0 4px 0;
background: #c9d3de url(border_tr_c9d3de.gif) no-repeat right top;
}

.sidebox div { /* bottom left corner */
background: #e8ebf0 url(border_bl_e8ebf0.gif) no-repeat left bottom;
}

.sidebox div div { /* bottom right corner and text */
margin:  0 0 0 7px;
padding: 0 7px 4px 0;
background: #e8ebf0 url(border_br_e8ebf0.gif) no-repeat right bottom;
}

After I added the margin-bottom to the .sidebox div its background area 
growed with the margin... Since I don't know how to describe this
correctly you might want to have a look at the example:

http://www.b-a-l-u.de/PG/stuff/border_problem/

The problematic area is the #f00 one. Does anyone have a hint how to
avoid that or what causes it? 

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

Re: [css-d] IE problem - removing line under navigation - any tips?

[Jorge Rumoroso]

Hello Lucas.

Delete "border-bottom: 2px gray;" in your CSS (line 131).

www.niquelao.net - niquelando la web

On 10/12/07, lucas <[EMAIL PROTECTED]> wrote:
>
> Hello
>
> I was wondering if there is something obvious I am missing.
>
>
>
> if anyone has time, could they check out
> http://lucazoid.com/jt
>
>
>
> in firefox, it looks ok
>
>
> but in IE, I have a 2px thick gray line running under the navigation
> buttons at the top of the page.
>
>
> I would like to get rid of this lines but cant see anything in my css
> which is making them appear.
>
> the css is at
> http://lucazoid.com/jt/resources/css/style.css
>
>
> any suggestions would be most appreciated!
>
>
>
> Cheers
>
> Lucas
>
>
>
>
>
>
>
>   ___
> Want ideas for reducing your carbon footprint? Visit Yahoo! For Good
> http://uk.promotions.yahoo.com/forgood/environment.html
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
www.niquelao.net - Niquelando la web
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem showing border-top for an ancor

[Enrico Teotti]

I accidentally fall to this:
http://ndesign-studio.com/
it has thoose links floating as block element so it get the top-border
working in IE too, it's a way out... but I'm still wondering if are
there any other ones... :-)
Enrico

-- 
"The only thing necessary for the triumph of evil
is for good men to do nothing"
 Edmund Burke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem showing border-top for an ancor

[Gunlaug Sørtun]

Enrico Teotti wrote:
> I accidentally fall to this: http://ndesign-studio.com/ it has thoose
>  links floating as block element so it get the top-border working in 
> IE too, it's a way out... but I'm still wondering if are there any 
> other ones... :-)

Sure. Since 'float: left/right' is one of the many 'hasLayout'[1]
triggers that IE' buggy rendering-engine rely on, then one of the other
triggers are sure to work too - but may have negative side-effects.

The addition of 'position: relative' (which does not act as a
'hasLayout' trigger, but more as a reminder that IE is supposed to
'stack' and 'paint' an element properly) usually do the trick on its own
for inline-elements.

regards
Georg

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

Re: [css-d] IE Problem has been killing my social life...

[David Laakso]

Jan West wrote:
>
> The page is
> www.neptac.org/employment and you can see that the page has a horizontal
> scrollbar showing up in IE7. 
>  
>
> Jan  
>
>  
>   








Checked only on a local file, try:

*:first-child+html #tablefooter {overflow-x: hidden;}

Best,
~d







-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[Jay Tanna]

The page is identical in Mozilla 3.6.8 and IE8.  What version of IE have you 
tested in?

IE8 screen shot is here:



hth

--- On Tue, 31/8/10, Timariane Thornewig  wrote:

> I was wondering if someone can help me out, I'm a newbie.
> The logo is appearing on top of my text in several versions
> of IE. 
> 
> http://www.ashelighting.com/controldesign.html
> 
> I think this is just one of the pages it's happening on.
> May be happening on other pages of the site. Anyone know of
> an IE fix for this?
> 



  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[Timariane Thornewig]

I just tried to adjust the CSS and I created another version of the HTML called:
http://www.ashelighting.com/controldesign2.html

It's not really solving my problem, but I think I'm getting closer!

--- On Tue, 8/31/10, Timariane Thornewig  wrote:

From: Timariane Thornewig 
Subject: Re: [css-d] IE Problem - logo appearing on top of text
To: css-d@lists.css-discuss.org, jta...@rocketmail.com
Date: Tuesday, August 31, 2010, 1:08 AM

Thanks, Jay. I'm looking at screenshots from IE 7 and IE 6. Sorry, I keep 
forgetting IE 8 is out.

I'm attaching my screenshots.



--- On Tue, 8/31/10, Jay Tanna  wrote:

From: Jay Tanna 
Subject: Re: [css-d] IE Problem - logo appearing on top of text
To: css-d@lists.css-discuss.org, "Timariane Thornewig" 
Date: Tuesday, August 31, 2010, 1:00 AM


The page is identical in Mozilla 3.6.8 and IE8.  What version of IE have you 
tested in?

IE8 screen shot is here:

<http://lh4.ggpht.com/_K3_a3GBHwyA/THxTkgeRM0I/ADw/9cNUSd8puwo/s640/31-08-2010%2001-51-58.png>

hth

--- On Tue, 31/8/10, Timariane Thornewig  wrote:

> I was wondering if someone can help me out, I'm a newbie.
> The logo is appearing on top of my text in several versions
> of IE. 
> 
> http://www.ashelighting.com/controldesign.html
> 
> I think this is just one of the pages it's happening on.
> May be happening on other pages of the site. Anyone know of
> an IE fix for this?
> 







  


  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[David Laakso]

Timariane Thornewig wrote:

I just tried to adjust the CSS and I created another version of the HTML called:
http://www.ashelighting.com/controldesign2.html

It's not really solving my problem, but I think I'm getting closer!
  







Unable to hit a moving target :-) . Let it be and make no further changes.

Best,
~d

--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[Beth Lee]

> --- On Tue, 31/8/10, Timariane Thornewig  wrote:
>
>> I was wondering if someone can help me out, I'm a newbie.
>> The logo is appearing on top of my text in several versions
>> of IE.

and then ...

On Mon, Aug 30, 2010 at 7:24 PM, Timariane Thornewig
 wrote:
> I just tried to adjust the CSS and I created another version of the HTML 
> called:
> http://www.ashelighting.com/controldesign2.html

Float your sidebar div left, and don't float your main div. That fixes
it for me.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[Chris F.A. Johnson]

On Mon, 30 Aug 2010, Timariane Thornewig wrote:


I just tried to adjust the CSS and I created another version of the HTML called:
http://www.ashelighting.com/controldesign2.html

It's not really solving my problem, but I think I'm getting closer!


   It's worse! 


--
   Chris F.A. Johnson, 
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[Alan Gresley]

David Laakso wrote:

Timariane Thornewig wrote:
I just tried to adjust the CSS and I created another version of the 
HTML called:

http://www.ashelighting.com/controldesign2.html

It's not really solving my problem, but I think I'm getting closer!
  


Unable to hit a moving target :-) . Let it be and make no further changes.

Best,
~d



The original page had this bug that is present in IE5~IE7.





It happens if a absolutely positioned element with left auto offset is 
followed in the source by and element with a margin-left. IE5~IE7 
positions the absolutely positioned element by the value of 
margin-left of the following element. To fix the bug, the left offset 
for the ap. element must be given a value other than auto. left: 0 
would fix this bug. IE7- does have troubles with left: auto [1] but 
this is a strange case.



1. 


--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[Timariane Thornewig]

Thank you, Beth. That worked! You can see it in:
http://www.ashelighting.com/controldesign4.html

Now I just need to fix my background image problem in IE 6.  Does anyone know 
if there is a way to make .png files appear correctly in IE 6?



--- On Tue, 8/31/10, Beth Lee  wrote:

From: Beth Lee 
Subject: Re: [css-d] IE Problem - logo appearing on top of text
To: "Timariane Thornewig" 
Cc: jta...@rocketmail.com, css-d@lists.css-discuss.org
Date: Tuesday, August 31, 2010, 2:24 AM

> --- On Tue, 31/8/10, Timariane Thornewig  wrote:
>
>> I was wondering if someone can help me out, I'm a newbie.
>> The logo is appearing on top of my text in several versions
>> of IE.

and then ...

On Mon, Aug 30, 2010 at 7:24 PM, Timariane Thornewig
 wrote:
> I just tried to adjust the CSS and I created another version of the HTML 
> called:
> http://www.ashelighting.com/controldesign2.html

Float your sidebar div left, and don't float your main div. That fixes
it for me.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[Timariane Thornewig]

Thanks, Alan. Your solution definitely worked for IE8, but doesn't seem to work 
for IE7.

The link you sent over is full of helpful info on IE bugs.



--- On Tue, 8/31/10, Alan Gresley  wrote:

From: Alan Gresley 
Subject: Re: [css-d] IE Problem - logo appearing on top of text
To: "David Laakso" 
Cc: "Timariane Thornewig" , 
css-d@lists.css-discuss.org, "Joel D Canfield" 
Date: Tuesday, August 31, 2010, 4:52 AM

David Laakso wrote:
> Timariane Thornewig wrote:
>> I just tried to adjust the CSS and I created another version of the HTML 
>> called:
>> http://www.ashelighting.com/controldesign2.html
>> 
>> It's not really solving my problem, but I think I'm getting closer!
>>   
> 
> Unable to hit a moving target :-) . Let it be and make no further changes.
> 
> Best,
> ~d


The original page had this bug that is present in IE5~IE7.


<http://css-class.com/test/bugs/ie/5~7/ap-left-auto-margin-left-next-element.htm>


It happens if a absolutely positioned element with left auto offset is followed 
in the source by and element with a margin-left. IE5~IE7 positions the 
absolutely positioned element by the value of margin-left of the following 
element. To fix the bug, the left offset for the ap. element must be given a 
value other than auto. left: 0 would fix this bug. IE7- does have troubles with 
left: auto [1] but this is a strange case.


1. <http://css-class.com/test/bugs/ie/calculated-offset-bug1.htm>


-- Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE Problem - logo appearing on top of text

[David Hucklesby]

On 8/31/10 10:18 PM, Timariane Thornewig wrote:

Thank you, Beth. That worked! You can see it in:
http://www.ashelighting.com/controldesign4.html

Now I just need to fix my background image problem in IE 6.  Does
anyone know if there is a way to make .png files appear correctly in
IE 6?



There are fixes for 24-bit transparent PNGs, but most use a Microsoft
"filter" that does not allow for positioning other that "top left" or
"stretch to cover". My recommendation would be to use a transparent
PNG-8 or GIF for IE 6, via an IE-only style sheet or using the "star
HTML hack."[1]

If you are happy with a scripting solution, I believe DD_belatedPNG.js
does allow positioning:

http://dillerdesign.com/experiment/DD_belatedPNG/

I've not tried this though.

Cordially,
David
--
[1] See article on filters at Wikipedia:
http://en.wikipedia.org/wiki/CSS_filters
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem navigation and other info moving over.

[Duncan Hill]

On Tue, 21 Sep 2010 20:33:52 +0100, Carol Swinehart  
 wrote:



http://www.bowenhouse.org/

This looks fine in the other browsers

I need a fix for IE that doesn't break the other browsers.

Thanks,

Carol


Try removing:

position:absolute;
margin-left:560px;

from your #navigation rules.

Duncan
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem with rounded boxes and bottom margin...

[Thomas -Balu- Walter]

No one?

Is it too simple or too complicated? :-/

On Wed, Feb 15, 2006 at 10:50:44PM +0100, Thomas -Balu- Walter wrote:
> I am having a problem with weird IE behaviour (guessed that, huh?) when
> playing with rounded corners. 
> 
> http://www.b-a-l-u.de/PG/stuff/border_problem/
>
[...]
> 
> The problematic area is the #f00 one. Does anyone have a hint how to
> avoid that or what causes it? 

Why does the IE expand the div and does not put a margin below, but
inside?

 Balu
PS: The #f00 one at the bottom of course
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem with rounded boxes and bottom margin...

[Holly Bergevin]

From: Thomas -Balu- Walter <[EMAIL PROTECTED]>

>> http://www.b-a-l-u.de/PG/stuff/border_problem/

>> The problematic area is the #f00 one. Does anyone have a hint how to
>> avoid that or what causes it? 

IE6 needs "layout" [1] on the containing div. Probably the easiest thing to do, 
at least for your example, it to add {position: relative;} on the div. 

.sidebox { /* top left corner */
background: #f00 url(images/border_tl_c9d3de.gif) no-repeat left top;
margin-bottom: 20px;
position: relative; /* < */
}

If this causes problems within your overall layout, you may need some other 
method of invoking layout and hiding it from other browsers, such as the holly 
hack.

I hope that helps,

~holly 

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

Re: [css-d] IE problem using graphic as underline > Article updated !

[francky]

francky wrote:

>Article/tutorial "Fun links in css (Underline with IE-proof home made 
>text-decoration)":
>http://home.tiscali.nl/developerscorner/imaging/fun-links.html
>... and don't laugh!  ;-) 
>  
>
I asked it, so I got it...
Els wrote me within an hour:

> :-)I tried not to, but on a developer's IE with image caching off, 
> it just looks funny the way the images line up on every hover :-)
>
> Anyway, I saw your 2 remarks at the bottom of the page, and I think 
> you might wanna add a third one:
> It isn't a good idea accessibility wise, since for people who surf 
> with images off and css enabled, there's no indication at all that 
> that text is actually a link. I think this method should be combined 
> with some other form of styling on the text maybe?

Made a point! Weak defense: the same issue is in the ALA article, but it 
is masked over there. [1]
I figured out that just canceling the a { text-decoration: none; } is 
enough (and a third remark is not needed).
See the update:
http://home.tiscali.nl/developerscorner/imaging/fun-links.html#accessibility

Thanks go to Els,
Greetings,
francky

[1] The underline is gone with the: a { text-decoration: none; } in the 
article.css, but by accident it is coming back via the general ALA 
stylesheet base.css: a { border-bottom: 1px solid #555;}.

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

[css-d] IE Problem with Son of Suckerfish and form select fields

[grovesdavid]

Hello,


http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php

The problem is when you MouseOver the menu, and it goes over a select field, 
it is covered by this field.

I have a solution, but it's a very poor one, and uses a lot of JavaScript.

I can't help thinking this is a css problem, but have no answer, can anyone 
who has resolved this please help...


Kind Regards

David G)
- 

__
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 Problem with Son of Suckerfish and form select fields

[grovesdavid]

Hello,

(RE-POST)

Come on CSS wizards, someone must have an answer to this.

Works (poorly with JavaScript) here:

http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php

Problem here:

http://www.linkhomes2000.co.uk/helper/tryagain-index-4.php

Question how to resolve this, you can all see the current answer is not 
really acceptable.

Having all you form disappear when you MouseOver the main menu is not good?

Please help me find an acceptable solution. Must be CSS


David G)
 

__
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 problem with relative positioning and one other small issue

[Craig Palenshus]

Look at the following link in IE:
http://test.lakequincy.com/Advertisers/Default.aspx

Then resize the browser and notice that the positioning shifts until you
refresh the page, then its back centered again like its supposed to be.

I know this is because of the relative positioning I'm using and it works
perfectly in FireFox, but IE's display is annoying. Is there anyway around
this? BTW, the reason I need to use relative positioning is for the quote
marks in the "Customer Quote" section and the blue separator links between
each content section. 

2nd issue: In the main blue navigation bar when you hover over the links,
the vertical separator line (topnavbar-divideline.gif) disappears. This is
because I have it as a background image on the link and on hover I'm
replacing the background image with the yellowish background image. I just
don't know how else to do it to all make it work correctly. Suggestions?

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

Re: [css-d] IE Problem with Son of Suckerfish and form select fields

[Ingo Chao]

[EMAIL PROTECTED] wrote:
> Hello,
> 
> (RE-POST)
> 
> Come on CSS wizards, someone must have an answer to this.
> 
> Works (poorly with JavaScript) here:
> 
> http://www.linkhomes2000.co.uk/trials/tryagain-index-3.php
> 
> Problem here:
> 
> http://www.linkhomes2000.co.uk/helper/tryagain-index-4.php
> 
> Question how to resolve this, you can all see the current answer is not 
> really acceptable.
> 
> Having all you form disappear when you MouseOver the main menu is not good?
> 
> Please help me find an acceptable solution. Must be CSS
> 
> 
> David G)
>  

I assume index-3 is the problem page, since the forms are disappearing 
here on menu hover. Would validating, especially validating the forms, help?

Another problem is the jump on hover. The entire pages jumps to the left 
  if the menu or any link is hovered. Quirky percentages on margins. 
Don't use horizontal margin percentage values, or double wrap the 
elements that have these margins.

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 Problem with Son of Suckerfish and form select fields

[Ingo Chao]

I think the problem is that the select is a windowed object in IE<7. 
Search for "select windowed object", or,
http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx

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 problem Negative Margin - Fx 2 Mac first-letter misalignment

[Ingo Chao]

Nic Pulford wrote:

> I have a test page http://gamma.hostaga.com/~nic/Newspapers/Test3.htm which
> works fine (acceptably) in most browsers but not IE, in IE 7 the first
> character of the text disappears. In IE 6 you get and extra line. By the way
> I do not expect the 'first-child' to work in IE 6. It is designed to be best
> in FF 2.


I don't see the extra line problem in IE6.

In IE7,
  .art_cnt {zoom:1;}
provides some stability [1] for the first-letter.

But in Firefox 2 (Mac), the first letter is misaligned (too low), but 
not in Fx 2 (PC). Others have probably more info about that.


Ingo

[1] http://www.satzansatz.de/cssd/onhavinglayout.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/

Re: [css-d] IE problem Negative Margin - Fx 2 Mac first-letter misalignment

[Philippe Wittenbergh]

On Jan 9, 2007, at 9:29 PM, Ingo Chao wrote:

> But in Firefox 2 (Mac), the first letter is misaligned (too low), but
> not in Fx 2 (PC). Others have probably more info about that.

It is a bug...

In some cases, Firefox PC/Linux suffer from similar issues, but I  
forgot the details.

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 problem using graphic as underline > Solution in New Article

[francky]

francky wrote:

>Hi all,
>Just figured out a workaround, but it's too late now for making a good 
>looking description / testpage. Promise: within a few days!
>
>francky
>
Here we are.
Article/tutorial "Fun links in css (Underline with IE-proof home made 
text-decoration)":
http://home.tiscali.nl/developerscorner/imaging/fun-links.html

... and don't laugh! ;-)

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

[css-d] IE problem: gap before background image after div and before table

[Andrew Mason]

Hi,

Anyone know why I'm having this problem with IE?

http://www.pandamouth.org/simplikate/

At the top of the page, after the header and before the background  
image in the main part of the page there is a little gap.  You can  
tell because the border, which is part of the background image, is  
broken.


Any help would be great!

Thanks,

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

Re: [css-d] IE problem: gap before background image after div and before table

[Matthew Ohlman]

Andrew Mason wrote:


Hi,

Anyone know why I'm having this problem with IE?

http://www.pandamouth.org/simplikate/

At the top of the page, after the header and before the background  
image in the main part of the page there is a little gap.  You can  
tell because the border, which is part of the background image, is  
broken.




Hi Andrew:

Try adding a style for that image and put display: block; inside it.

Images by default are treared as inline elements, leaving space for the 
descenders of letters below them.  Making them block takes that away.  
That should take care of it.


Hope this helps,
Matthew
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] (IE problem) vertical-align of div in td doesn't work when div has relative height

[sascha sengespeick]

please take a look at this:
http://www.info01.de/sascha/buggy_in_ie.html
it drives me crazy!

if you change the height to a pixel value, it works fine in IE ...

source:

 
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>



		IE does not align properly when using relative height 
	






		this should be at the bottom of the page but it is not when using IE. 
		changing the height to e.g. 50px gets it there ... why is it not working with the relative value?








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

Re: [css-d] (IE problem) vertical-align of div in td doesn't work whendiv has relative height

[Holly Bergevin]

From: sascha sengespeick <[EMAIL PROTECTED]>

>please take a look at this:
>http://www.info01.de/sascha/buggy_in_ie.html
>it drives me crazy!
>
>if you change the height to a pixel value, it works fine in IE ...

Is there some reason that you need the XHTML1.1 doctype? Using a different 
doctype that allows you to get IE out of quirks rendering mode will solve the 
problem, and keep the 50% height. 

http://www.communitymx.com/abstract.cfm?cid=E2F258C46D285FEE

hope that helps,

~hollly  
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (IE problem) vertical-align of div in td doesn't work when div has relative height

[Guillaume]

Take a look at this 

It gives you a valid method to center content, or change it's values to 
any vertical-align options ( in your case bottom ).

There are two parts in the css: for all browsers / for Ie.
By the way it is the only clean method i know to control vertical-align, 
especially to center content vertically.

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