JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old January 28th, 2004, 04:43 PM
puca puca is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 5 puca User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
layer problem in mozilla

hi
i have a strange problem with my layers. I have nested layers and i managed them to always show correctly. (layers are on top of each other, i hide/show them)
This works under IE, opera, netscape 7 but not in mozilla 5. (altough they use same core: NS about says Mozilla/5.0)

In mozilla the child layers will be placed much too low.

Who can help me out with this? the page can be found on http://pro24.msshost.com/~pucazone/...porno/index.htm


I'd also like to center the box vertically. I did this with putting it in another table, but child layers stayed fixed on resize (in all browsers).
this however is not necessary, but would be nice..

thanx in advance

Reply With Quote
  #2  
Old January 28th, 2004, 06:58 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
AFAIK, Mozilla is at ver1.6
Netscape went to ver 5 from memory, but not many people downloaded it. Do you really need NS5 support? I would focus on getting it to work in IE5.5/6.0 and Mozilla1.6 (or Mozilla FireBird)

Reply With Quote
  #3  
Old January 28th, 2004, 09:32 PM
FrankieShakes FrankieShakes is offline
Frank The Tank!
Dev Articles Beginner (1000 - 1499 posts)
 
Join Date: Jun 2002
Location: Toronto, Canada
Posts: 1,240 FrankieShakes User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 17
Send a message via ICQ to FrankieShakes Send a message via MSN to FrankieShakes
I thought Netscape skipped from 4 to 6?

I too would focus on the mentioned browsers... Netscape users are slowly being weened onto version 7, and few are moving over the Mozilla/FireBird; although I recommend the latter to everybody!

Reply With Quote
  #4  
Old January 28th, 2004, 09:54 PM
Bruski Bruski is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Toronto, Canada
Posts: 192 Bruski User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 15
its not a matter of your code, its a matter of how ie and mozzilla see layers, the safest way to do it is in tables, they both read it very similar, its really hard to get both pages matching in ie and in mozilla

Reply With Quote
  #5  
Old January 28th, 2004, 10:15 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Quote:
Originally posted by Bruski
the safest way to do it is in tables,
Can you elaborate Bruski . Tables and layers are completely different things.

Reply With Quote
  #6  
Old January 28th, 2004, 10:21 PM
Bruski Bruski is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Toronto, Canada
Posts: 192 Bruski User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 15
i find that using tables is much simpler while layers are very useful, they are much more difficult to make adaptable to every browser. In my opnion, having worked with both, tables are easier to work with and almost always produce the same results on different browsers. I use mozilla and i design or build a site, i usually look at mozilla and ie in order to get the best picture of what it looks like on a not so common browser and the most popular one. Its a matter of preference, and its really a hassle to do layers, and do them correctly hope that helps

Reply With Quote
  #7  
Old January 28th, 2004, 10:48 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
That's not really the purpose of layers. Layers (called DIV's) are much more flexible than tables. You can't stack tables, you can't position them relatively or absolutely, and styling them with CSS is difficult. Tables are on the way out (for site structure purposes), as there is currently a very large push to build standards-based, accessible and usable sites, which you cannot do with tables.

As a quick example of what can be done, look at this site: http://www.janejosebizcom.com - no tables.

Getting standards-based design to work across all browsers is not as hard as people think, as is a hell of a lot easier than learning how to build a site using tables.

More:How to build a full CSS site

Reply With Quote
  #8  
Old January 28th, 2004, 11:32 PM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,886 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 19 m 35 sec
Reputation Power: 18
puca said the layers are being hidden and shown...
this effect wouldn't be capable in tables.
layers are by far the best way to go...
Bruski, its time to embrace the future! =)

Frank, I had a Netscape 5 beta.... but I quickly switched over to IE (for convenience)... I found NS5 somewhat bloated and slow to load... plus I think that was during the whole battle between NS and IE... <layer> was netscape's tag and <div> was IE's... i figured MS's code was widely embraced... so i made the switch... [lol, a little history rant]

puca, back to your question... I agree with frank, stumpy, and bruski... focus more on modern browsers... although I think IE4 is still around, IE5/6, Mozilla/Firebird and Opera are definately where to go...

btw, quite the unique site... =)

Reply With Quote
  #9  
Old January 28th, 2004, 11:51 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Hehe - unique is right.
The reason I suggested FireBird is not because I like it (which I do), but because it is probably the most standards-compliant browser available at the moment. The best way to design these days is to design using standards-based methods, in a browser which properly supports them, then work your way down... to IE.

Reply With Quote
  #10  
Old January 29th, 2004, 02:06 AM
puca puca is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 5 puca User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
thanks for the response guys!

I testes my site in firebird and i got the same problem! So if this browser represent standard-compliant browsers, shouldn't i get it to work out in this browser?

does anyone know a way to make a layer relative to a specific other layer? because i think that's where the problem is. correct me if i'm wrong please

Reply With Quote
  #11  
Old January 29th, 2004, 06:52 AM
dhouston's Avatar
dhouston dhouston is offline
Contributing User
Dev Articles Beginner (1000 - 1499 posts)
 
Join Date: May 2003
Location: Tennessee
Posts: 1,355 dhouston User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 16
Send a message via ICQ to dhouston
To make a layer relative to a specific other layer, just nest it and give it absolute positioning and coordinates. It'll be relative to the layer it's nested in, which can also be absolutely positioned. I've had great results doing this in IE and Mozilla.

Reply With Quote
  #12  
Old January 29th, 2004, 06:59 AM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Wouldn't you give it relative positioning? i.e. position: relative... plus give it co-ords

Reply With Quote
  #13  
Old January 29th, 2004, 07:08 AM
puca puca is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 5 puca User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
but i do use nested layers and in mozilla this goes wrong. Could anybody out there with great css knowledge please check the source code and tell me what i can change?

thanks a lot

Reply With Quote
  #14  
Old January 29th, 2004, 07:14 AM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Have a look at my site - I use a tableless design, which uses hide/show layers, and it's fully XHTML 1.0 compliant.
http://www.bluesix.com.au

Reply With Quote
  #15  
Old January 29th, 2004, 08:59 AM
Bruski Bruski is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Toronto, Canada
Posts: 192 Bruski User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 15
everyones ganging up on me ... i didnt mean they were bad i just said for a beginner they can be somewhat frustrating . CSS btw is great, and if you combine everything together you can make very nice websites. THere are alot of resources, dont just limit yourself to one or two

Reply With Quote
  #16  
Old January 29th, 2004, 10:43 AM
dhouston's Avatar
dhouston dhouston is offline
Contributing User
Dev Articles Beginner (1000 - 1499 posts)
 
Join Date: May 2003
Location: Tennessee
Posts: 1,355 dhouston User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 16
Send a message via ICQ to dhouston
I've always figured relative positioning invalidated the whole prospect of having coordinates. I've developed several Windows-like Web apps in the past year that I've used CSS to lay out. Typically, I have an absolutely-positioned div named "main" that has a gray background and gray/white borders for a 3D effect. Within that, I've got a form grouped into subforms (a la windows, with a little blue title bar and a border around each subform). Each subform is an absolutely positioned div (within main) containing two divs of its own -- one for the title and one for the content; each of these sub-sub-divs is also absolutely positioned. For example, if I give the title div within a subform div an x coordinate of 10px, it shifts over 10 pixels and has a nice little offset.

There are probably other ways to do this using relative positioning, but I find the absolute positioning to give me maximum flexibility (if not fluid design).

Reply With Quote
  #17  
Old January 29th, 2004, 04:59 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
dhouston - have u got a URL for that app/layout - I'd love to see it?

Reply With Quote
  #18  
Old January 29th, 2004, 05:52 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Just found this article http://www.sitepoint.com/article/1259/2 - might help you out on your problem puca.

Reply With Quote
  #19  
Old January 30th, 2004, 07:29 AM
dhouston's Avatar
dhouston dhouston is offline
Contributing User
Dev Articles Beginner (1000 - 1499 posts)
 
Join Date: May 2003
Location: Tennessee
Posts: 1,355 dhouston User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 16
Send a message via ICQ to dhouston
Can't give you the URL, but here's a screen shot of one part of one of the apps. I'm not using strict XHTML by any stretch of the imagination, but I'm using CSS to do positioning of elements. Forms within divs are laid out using tables because that's just more reliable. This design holds up in IE and Mozilla. I don't have any Netscape users to support. It's flakey in Konqueror. Note that the tabs and subtabs are also sets of divs positioned absolutely within other absolutely positioned divs. Overall, I'm very happy with the effect.
Attached Images
File Type: jpg scr.jpg (71.7 KB, 370 views)

Reply With Quote
  #20  
Old February 1st, 2004, 01:33 PM
puca puca is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 5 puca User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
thanx for all the help!
i finally got around it. Just drew all layers again in Dreamweaver and than nested them and adjusted the position.
Looks great. I think i will use more of these divs in the future!

I tried to put all css stuff in 1 style tag (like #container {...} #top{..} ) but then everything was screwed up again. I'll now leave it this way unless someone knows how to do that without changing layout?

the 100% layered site can now be adored at vlaamseporno.be ;-)
(any comments/suggestions from you guru's is always welcome ofcourse)

Reply With Quote
  #21  
Old February 1st, 2004, 04:06 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
You currently have your CSS inline (i.e. in the HTML actual tags). To fix up your CSS, put it in a separate file. It's smiply a matter of moving everything you have in the "style" attribute off the tag, into a CSS file, with the same rule name.

Reply With Quote
  #22  
Old February 2nd, 2004, 08:02 AM
puca puca is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 5 puca User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Quote:
Originally Posted by stumpy
You currently have your CSS inline (i.e. in the HTML actual tags). To fix up your CSS, put it in a separate file. It's smiply a matter of moving everything you have in the "style" attribute off the tag, into a CSS file, with the same rule name.

i know how to do it, and i did it but for an unknown reason everything got messed up.
I think there is a different browser approach of handling inline css or separate?

Reply With Quote
  #23  
Old February 2nd, 2004, 08:10 AM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
 
Join Date: Aug 2002
Posts: 2,056 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 44 m 22 sec
Reputation Power: 0
Quote:
Originally Posted by puca
i know how to do it, and i did it but for an unknown reason everything got messed up.
I think there is a different browser approach of handling inline css or separate?
Not really. Do you know exactly what you did?

To include CSS as a separate file, you can use either:
<link type="text/css" rel="stylesheet" href="styles.css">

or
<style type="text/css"><!-- @import url(styles.css); --></style>

CSS is handled exactly the same using any or the 3 methods (inline, embedded or linked) across all browsers (except for an old NS4 issue... but I doubt you're catering for that government market, considering your site content )

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > layer problem in mozilla


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap