Re: [WSG] Relative positioning and Netscape 6
Relative positioning is not a very reliable cross browser method for getting elements where you want them. You're better off using an element's margins for most positioning and in some cases floats (e.g. float: left/right). On Mon, 16 Oct 2006 11:35:58 +1000, Andrew Ivin <[EMAIL PROTECTED]> wrote: Hi all, I am trying to find out what Netscape 6's capabilities are as far as relative positioning goes. I have a page where I have a parent div, absolutly positioned, with two relatively positioned child block level elemnets; one positioned to the top left, the other top right. The top right absolutely positioned element is ignoring the relative container in NS 6, and is positioning relative to the viewport - top right of browser window. Could this be NS 6's lack of support of positioning? -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Relative positioning and Netscape 6
On the contrary, it's very useful, and accurate: I used absolutely positioned divs on the www.intrepidtravel.com to add the rounded corners, logo and trip search box you see on every page. This has worked on every browser that I've tested, even down to IE5.5 -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Monday, 16 October 2006 11:55 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Relative positioning and Netscape 6 Relative positioning is not a very reliable cross browser method for getting elements where you want them. You're better off using an element's margins for most positioning and in some cases floats (e.g. float: left/right). On Mon, 16 Oct 2006 11:35:58 +1000, Andrew Ivin <[EMAIL PROTECTED]> wrote: > Hi all, > > I am trying to find out what Netscape 6's capabilities are as far as > relative positioning goes. > I have a page where I have a parent div, absolutly positioned, with > two relatively positioned child block level elemnets; one positioned > to the top left, the other top right. > > The top right absolutely positioned element is ignoring the relative > container in NS 6, and is positioning relative to the viewport - top > right of browser window. > > Could this be NS 6's lack of support of positioning? > -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** 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] Relative positioning and Netscape 6
Actually, my bad, I thought you were talking about absolutely positioned elements, I mis-read the "relative" at the start of your sentence :( Samuel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Monday, 16 October 2006 11:55 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Relative positioning and Netscape 6 Relative positioning is not a very reliable cross browser method for getting elements where you want them. You're better off using an element's margins for most positioning and in some cases floats (e.g. float: left/right). On Mon, 16 Oct 2006 11:35:58 +1000, Andrew Ivin <[EMAIL PROTECTED]> wrote: > Hi all, > > I am trying to find out what Netscape 6's capabilities are as far as > relative positioning goes. > I have a page where I have a parent div, absolutly positioned, with > two relatively positioned child block level elemnets; one positioned > to the top left, the other top right. > > The top right absolutely positioned element is ignoring the relative > container in NS 6, and is positioning relative to the viewport - top > right of browser window. > > Could this be NS 6's lack of support of positioning? > -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** 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] Relative positioning and Netscape 6
On Oct 16, 2006, at 10:35 AM, Andrew Ivin wrote:
I am trying to find out what Netscape 6's capabilities are as far as
relative positioning goes.
I have a page where I have a parent div, absolutly positioned, with
two relatively positioned child block level elemnets; one positioned
to the top left, the other top right.
The top right absolutely positioned element is ignoring the relative
container in NS 6, and is positioning relative to the viewport - top
right of browser window.
As always, a URL is more than useful...
And I'm not clear. Is the parent container {position:absolute} or
{position:relative;} ?
That makes a big difference.
If the parent container happens to be styled with {position:relative}
*and* is floated (left/right, doesn't matter), then Netscape 6
ignores it for the purpose of absolute positioning (top + right).
That is a bug.
Workaround: inside the floaed div, wrap the contents in a div, and
give that div relative positioning.
Philippe
---
Philippe Wittenbergh
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Relative positioning and Netscape 6
The first question I would ask is why are you worrying about Netscape 6? And which version 6, 6.1 and 6.2, as they are all different? It was a commercial decision to release Netscape 6 and they all based on prerelease versions of Mozilla 0.9.x. So unless Netscape 6 shows up in your site stats, I would ignore the problem and concentrate on get the site right in the browsers your visitors use. -- Nick Cowiehttp://nickcowie.com ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] Relative positioning and Netscape 6
Thanks for all these replies. It's been very helpful. Nick, NS 6 isn't a largely used browser for the site, but as it's a large Government site, and the issue is causing text to go over other text (a big issue in my books) I am attempting to, yes, cater even for NS 6. The site works for all other modern and pre-modern browsers anyway. Phillippe, I think this may be the issue. The parent container (position relative) is floated left, so seems to be ignoring the top right absolutely positioned child container as you say. I'll have a go at adding the inside the parent container. Thanks again all, On 10/16/06, Nick Cowie <[EMAIL PROTECTED]> wrote: The first question I would ask is why are you worrying about Netscape 6? And which version 6, 6.1 and 6.2, as they are all different? It was a commercial decision to release Netscape 6 and they all based on prerelease versions of Mozilla 0.9.x. So unless Netscape 6 shows up in your site stats, I would ignore the problem and concentrate on get the site right in the browsers your visitors use. -- Nick Cowie http://nickcowie.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Andrew [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Relative positioning and Netscape 6
Andrew wrote: > I have a page where I have a parent div, > absolutly positioned, with two relatively > positioned child block level elemnets; one > positioned to the top left, the other top > right. Hello Andrew, I think the problem is that you have the positioning applied in reverse. What you need to do is apply relative positioning to the parent, then absolutely position the children. They will then be positioned in relation to the parent. I know it sounds backwards in a way, but that's how to get those children to behave. Perhaps this experiment I did a while back will help you sort it out. Write up: http://mikecherim.com/gbcms_xml/news_page.php?id=10#n10 Experiment: http://mikecherim.com/experiments/css_smart_corners.php Hope this helps. Respectfully, Mike Cherim http://green-beast.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] Relative positioning and Netscape 6
I have to agree on that. Netscape 6 - unless you hgave a strangely high number of visitors using that browser - is not worth bothering about. Alex From: "Nick Cowie" <[EMAIL PROTECTED]> Reply-To: wsg@webstandardsgroup.org To: wsg@webstandardsgroup.org Subject: Re: [WSG] Relative positioning and Netscape 6 Date: Mon, 16 Oct 2006 10:32:04 +0800 The first question I would ask is why are you worrying about Netscape 6? And which version 6, 6.1 and 6.2, as they are all different? It was a commercial decision to release Netscape 6 and they all based on prerelease versions of Mozilla 0.9.x. So unless Netscape 6 shows up in your site stats, I would ignore the problem and concentrate on get the site right in the browsers your visitors use. -- Nick Cowie http://nickcowie.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** _ Be the first to hear what's new at MSN - sign up to our free newsletters! http://www.msn.co.uk/newsletters *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
