Re: [WSG] ie positioning help needed

[Philippe Wittenbergh]

On Jun 3, 2007, at 3:04 AM, kevin mcmonagle wrote:


heres the url with the styles at the time of the screen shot
http://www.eaf.textdriven.com


In Safari 2.0, WebKit, Gecko nightly builds (Mac), your gradient is  
covering the right hand scrollbar. That makes it impossible to use  
the bottom scroll arrow, or the thumb when one has scrolled to the  
bottom of the div.


It 'works' in Firefox 2.0.0.4, but that is actually a nasty bug with  
Gecko Mac scrollbars - bug that is fixed in nightly builds.


Screenshot:


Philippe
---
Philippe Wittenbergh






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] ie positioning help needed

[Mark Hedley]

Scary! People need to wake up. I guess I am fortunate to not deal with many IE6 
users in the work I do. This isn't to say I don't make my work compatible. I'd 
avoid PNG filters on IE6 personally as I find it "dirty".

To get back on-topic the site in question should ideally be re-written with 
more though-process before the coding.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nick Gleitzman
Sent: 03 June 2007 00:50
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] ie positioning help needed


On 3 Jun 2007, at 8:44 AM, Mark Hedley wrote:

> ...for IE6 and to be fair... who uses it still?!

How about 56% of your audience?!

<http://www.thecounter.com/stats/2007/May/browser.php>

N
___
omnivision. websight.
http://www.omnivision.com.au/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] ie positioning help needed

[Nick Gleitzman]

On 3 Jun 2007, at 8:44 AM, Mark Hedley wrote:


...for IE6 and to be fair... who uses it still?!


How about 56% of your audience?!



N
___
omnivision. websight.
http://www.omnivision.com.au/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] ie positioning help needed

[Mark Hedley]

 
In my experience, not many. But hey ho.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Thierry Koblentz
Sent: 03 June 2007 00:18
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] ie positioning help needed

> On Behalf Of Mark Hedley
> 
> A filter would only be required for IE6

Isn't what I said?

> and to be fair... who uses it
> still?!

Most people?

---
Regards,
Thierry | www.TJKDesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] ie positioning help needed

[Thierry Koblentz]

> On Behalf Of Mark Hedley
> 
> A filter would only be required for IE6

Isn't what I said?

> and to be fair... who uses it
> still?!

Most people?

---
Regards,
Thierry | www.TJKDesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] ie positioning help needed

[Mark Hedley]

A filter would only be required for IE6 and to be fair... who uses it
still?!


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Thierry Koblentz
Sent: 02 June 2007 23:34
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] ie positioning help needed

> On Behalf Of kevin mcmonagle
> 
> Hi-first this is a confusing post but i cant put it simply.

Hi Kevin,
I think you should first clean up that document.
There are empty DIVs all over the place, you have a heading inside a
SPAN
element, a mispelled attribute (dl clas="event") and a few other things.
The page is a mess in ie6 and as a side note, this browser won't do PNG
transparency on that gradient unless you use a filter.
Did you consider using that gradient as the background image of the DL
instead? I don't think the effect would be much different if the
stacking
contect is reversed and that would also let pointing device users reach
the
entire scrollbar (unless, of course, this is part of the effect you're
looking for).

---
Regards,
Thierry | www.TJKDesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] ie positioning help needed

[Thierry Koblentz]

> On Behalf Of kevin mcmonagle
> 
> Hi-first this is a confusing post but i cant put it simply.

Hi Kevin,
I think you should first clean up that document.
There are empty DIVs all over the place, you have a heading inside a SPAN
element, a mispelled attribute (dl clas="event") and a few other things.
The page is a mess in ie6 and as a side note, this browser won't do PNG
transparency on that gradient unless you use a filter.
Did you consider using that gradient as the background image of the DL
instead? I don't think the effect would be much different if the stacking
contect is reversed and that would also let pointing device users reach the
entire scrollbar (unless, of course, this is part of the effect you're
looking for).

---
Regards,
Thierry | www.TJKDesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] ie positioning help needed

[Tristan Fitzgerald]

I am sorry but you have reached the wrong person.

I might help if you would first normalize all of the tages used in the 
doucment area, The is also a mix on some css and html styles.


Hope you find your way

Tristan Fitzgerald



Simon Moss wrote:
It still doesn't work - it's doing the same thing, but from directly 
beneath the text instead of from directly beneath the wrapper.


I haven't used position:relative much myself, so can't cast any light 
on why IE is behaving differently.


Given that it is treating position:relative differently from all the 
other browsers, I reckon using conditional comments and giving IE a 
different stylesheet for that one value would make sense.


Regards,

Simon


kevin mcmonagle wrote:

I put it inside the wrapper in the version below-it works as you 
suggested in ff and safari.

How does this look on your end?
http://www.eaf.textdriven.com/test2ie.html



~
simonmoss.co.uk
Tel: 0117 908 3831
Mob: 07843 383395
email: [EMAIL PROTECTED]



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



--No virus found in this incoming message.
Checked by AVG Free Edition.Version: 7.5.472 / Virus Database: 
269.8.7/829 - Release Date: 6/2/2007 5:26 PM







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] ie positioning help needed

[Mark L Hedley]

Are you using floats?

Regards,

Mark Hedley
Voxia Web Development Solutions

Mobile:   +44 07894 009 932
Office: +44 01670 840 752
Web:http://www.voxia.co.uk

Proud Members of: GAWDS (Guild of Accessible Web Designers) | Web Standards
Group | Independent Web Developers Portal | HTML Writers Guild

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Simon Moss
Sent: 02 June 2007 21:37
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] ie positioning help needed

It still doesn't work - it's doing the same thing, but from directly  
beneath the text instead of from directly beneath the wrapper.

I haven't used position:relative much myself, so can't cast any light on  
why IE is behaving differently.

Given that it is treating position:relative differently from all the other  
browsers, I reckon using conditional comments and giving IE a different  
stylesheet for that one value would make sense.

Regards,

Simon


kevin mcmonagle wrote:

> I put it inside the wrapper in the version below-it works as you  
> suggested in ff and safari.
> How does this look on your end?
> http://www.eaf.textdriven.com/test2ie.html


~
simonmoss.co.uk
Tel: 0117 908 3831
Mob: 07843 383395
email: [EMAIL PROTECTED]



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] ie positioning help needed

[Simon Moss]

It still doesn't work - it's doing the same thing, but from directly  
beneath the text instead of from directly beneath the wrapper.


I haven't used position:relative much myself, so can't cast any light on  
why IE is behaving differently.


Given that it is treating position:relative differently from all the other  
browsers, I reckon using conditional comments and giving IE a different  
stylesheet for that one value would make sense.


Regards,

Simon


kevin mcmonagle wrote:

I put it inside the wrapper in the version below-it works as you  
suggested in ff and safari.

How does this look on your end?
http://www.eaf.textdriven.com/test2ie.html



~
simonmoss.co.uk
Tel: 0117 908 3831
Mob: 07843 383395
email: [EMAIL PROTECTED]



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] ie positioning help needed

[kevin mcmonagle]

Simon Moss wrote:

Hi Kevin,

You could use conditional comments to serve that up exclusively to IE7 
- but does the #gradient div really need to be outside the #wrapper 
div? Would a z-index not place it over the #rightcol div?


Good question-I had thought about that briefly but i have a phobia for 
changing stacking order-honestly.

Maybe i can get over it now.

I put it inside the wrapper in the version below-it works as you 
suggested in ff and safari.

How does this look on your end?
http://www.eaf.textdriven.com/test2ie.html

Thanks a mill Simon



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] ie positioning help needed

[Simon Moss]

Hi Kevin,

It's still acting up in IE7 (and IE6 appears to have width problems with  
the #header div which is throwing everything out)...


In IE7 it seems to be reading the position relative from where the  
#gradient div is in the code - that is, if you set top to 0, it aligns  
with the bottom of the #wrapper div. The only way I can get #gradient to  
appear in the right place (while keeping the current code) in IE7 is to  
apply top: -125px.


You could use conditional comments to serve that up exclusively to IE7 -  
but does the #gradient div really need to be outside the #wrapper div?  
Would a z-index not place it over the #rightcol div?


HTH - but I hope this casts some light on what's happening in IE7.

Cheers for now,

Simon

Theres a div acting up in ie7(6 as well?) -   
http://www.eaf.textdriven.com/testie.html
it shows up on the bottom right of the ie7 screen but works in ff and  
safari
Since i was made aware of the problem Ive made changes but need to see  
another screen shot to see if they've had any effect.


~
simonmoss.co.uk
Tel: 0117 908 3831
Mob: 07843 383395
email: [EMAIL PROTECTED]



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] ie positioning help needed

[kevin mcmonagle]

Hi-first this is a confusing post but i cant put it simply.

Theres a div acting up in ie7(6 as well?) -  
http://www.eaf.textdriven.com/testie.html

it shows up on the bottom right of the ie7 screen but works in ff and safari
Since i was made aware of the problem Ive made changes but need to see 
another screen shot to see if they've had any effect.


Heres the screen shot of the problem in ie7-see the dive at the bottom 
with a gradient.

http://www.eaf.textdriven.com/ie7.html

heres the url with the styles at the time of the screen shot
http://www.eaf.textdriven.com


In safari-the gradient covers up the horizontal scroll bar.
this is what i want because xory overflow cant be turned off in safari.
http://www.eaf.textdriven.com/safari.html

The problem div  "gradient"  is relatively positioned inside the div 
"outerwrapper".
After i saw the first screen shot i change the positioning of the 
outerwrapper div to relative and

used top:402px instead of margin-top:402px to position the gradient div.

#gradient{
border:1px solid pink; 
position: relative;

/*margin-top:402px;*/
top:402px;
left:488px;
width:480px;
background-image: url(../images/textbg.png);
background-repeat:repeat-x;
height:100px;
}

#outerwrapper{
position:relative;
height:560px;
margin:0 auto;
border:1px solid pink; 
width:1000px; m

argin-bottom:0;
margin:0 auto;
padding-bottom:0;
padding:12px;

}

heres the rules that might have a direct effect on the gradient div

http://www.eaf.textdriven.com/css.css

thanks in advance
-kevin



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***