Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
My Layers may be overlapping
Old 09-26-2006, 07:46 PM My Layers may be overlapping
DwC
Novice Talker

Posts: 8
Location: uk
Trades: 0
Hello again.

I posted an enquiry on the html forum a few days ago. The responses clearly suggested to me that I should brush up on my non-existant CSS skills.

I've spent a bit of time doing this. It's early days yet but I have produced a few pages incorporating CSS style sheets within Dreamweaver.

I may be getting there slowly but I have now encountered another slight problem, perhaps you can help.

Whilst on my browsers (AoL & IE) these pages look fine I've had a call tonight from a friend telling me that on at least one page the layers appear to be overlapping. Neither my friend, or myself, have any great technical knowledge but I suspect that this may be something to do with him viewing the pages in a low screen resolution, probably 800 x 600.

Is this likely to be the cause of him 'seeing' overlapping layers? If so is there anything I can do to prevent this from happening? I've 'spaced' out the layers in question but how can I be sure that other browsers won't display the same overlaps? (At least with tables this wasn't a problem before.)

I'm still trying to come to grips with certain aspects of Dreamweaver, specifically (at the moment) 'Layers' but I have, I think, enabled the "Prevent Layer Overlaps" options.

Incidentally, the page concerned is a 'mixture' of tables and layers. I'm toying with a layout which I may use as a Template for the entire site. The banner and sidebar are currently laid out using tables. The layers are located inside a nested table. Is this likely to be a problem?

Apart from an inherent inability to absorb anything when 'reading the instructions' is there anything else I could/should do?

So many questions, so little talent.

Sorry to be a pain.
DwC is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 09-26-2006, 08:26 PM Re: My Layers may be overlapping
Webmaster Talker

Posts: 626
Trades: 0
Well... I think the first thing that everyone would agree with is that we need to see a copy of your coding and CSS - or - a link to the page.

Once we look at the page we can get a better idea of what you are trying to accomplish and how you are doing it.

I'm not familiar with layers but am pretty sure that you probably don't need them in order to design your site like you want. I've noticed that the concensus seems to be... Use <DIV> tags and float them in their required position.

Any other comments on this anyone?
jim.thornton is offline
Reply With Quote
View Public Profile
 
Old 09-27-2006, 04:36 PM Re: My Layers may be overlapping
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Zinc.. layers ARE <div>s.. DW uses the arcane Netscape "layers" reference.. it really needs to be removed from DW as it is confusing to people.

DwC.. put a 1px colored border around your divs and you will be able to SEE if there's any overlapping. Add this to the rules: border: 1px solid red;
Use other colors for the other divs - red, blue, orange, magenta and you can even use dotted rather than solid. I use this method to troubleshoot when something's going wonky on me.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 09-28-2006, 02:30 AM Re: My Layers may be overlapping
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
I do the same thing LadynRed. Sometimes I need to remember to take them out.

DwC, a link to the page(s) in question would definitely be helpful. My guess is you're right in that it's happening at lower resolution browsers. The most likely problem is that your widths are off across the page. Maybe you have a left column that's been set to 300px and a right column that's 600px.

I would also guess that one of those columns is positioned absolutely and when the browser is small enough the two columns overlap.

That's my best guess without seeing the page. I have a feeling it's something similar to what I've described it not exactly so.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 09-28-2006, 07:46 AM Re: My Layers may be overlapping
Junior Talker

Posts: 1
Name: selena gress
Trades: 0
hi i am new here i am having problems setting up my own website. i dont understand this coding thing that the web designers keep going on about. can someone help me please? They say that if i design the web site on my own then i will get the coding wrong and wont get ranked well in google. please can someone help me?
thanks a lot
selena
splinteruk is offline
Reply With Quote
View Public Profile
 
Old 09-28-2006, 11:02 AM Re: My Layers may be overlapping
Webmaster Talker

Posts: 626
Trades: 0
Splinterruk... you really should start a new thread, as this doesn't exactly go with the current topic. However, if you never learn, you'll never be good at web design.

Who's they anyways?? Someone that is trying to sell you a website package for $1000's of dollars?
jim.thornton is offline
Reply With Quote
View Public Profile
 
Old 09-28-2006, 01:02 PM Re: My Layers may be overlapping
DwC
Novice Talker

Posts: 8
Location: uk
Trades: 0
Many thanks for your replies and advice - I think I'm making some progress albeit slow.

I have another related question.

I'm trying to assemble a Template page using just Layers,

Could someone take a look at the following link and let me know how to avoid problems with 'Nested' Layers.

link deleted

Thanks

Last edited by DwC; 09-30-2006 at 01:29 PM.. Reason: redundant link
DwC is offline
Reply With Quote
View Public Profile
 
Old 09-28-2006, 05:13 PM Re: My Layers may be overlapping
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
DwC it's ok to nest divs. Like LadynRed mentioned above layers is the old Netscpe reference that DreamWeaver seems to hold onto. Divs is really the proper term to use and will be understood more for what they are.

It is ok to nest them though. Of course nesting can get confusing sometimes, but there is nothing wrong with it at all.

I looked at the source of your draft page and the way you structured the html looks good to me. Pretty much how I would do it. I'll often create a div for a major page element like my content and then inside that div have all my paragraphs and images and whatever else needs to be considered content. That's not nesting divs though. Nesting would be having one div inside another div which I'll also do often.

I may for example have a div set up for the entire page and then inside that page div have divs for a header and footer and one for the menu and the content. The basic structure might look like:

Code:
<div id="page">
 <div id="header"></div>
 <div id="navigation"></div>
 <div id="content"></div>
 <div id="footer"></div>
</div>
I then might have further divs inside of each of those divs should I need them. It depends on the design really.

One suggestion I do have is to give your ids and classes more meaningful names. It's difficult to know what layer34 corresponds to. It will be especially hard a few months from now when you come back to make a change to the site. It's much better to use more meaningful names like header and footer. If you stay consistent across sites it becomes easy to go back to one and quickly understand what part of the page your code relates to.

Overall though it looks like you're on the right track. Your code looks like it's organized well from what I saw. Getting this css thing down will take some time and sometimes the progress will seem slow, but if you keep at it you'll be amazed at how much easier it gets with each new thing you learn.

Selena -- Definitely start your own thread. Asking your questions in someone else's thread is generally frowned upon though it does happen and if the questions are related enough it's often ok.

Your question is very broad though and not one that can be easily answered. It really would be impossible to explain how to code a website in a single thread. My suggestion would be to start with the tutorials at W3Schools. Once you have a better understanding of how to code web pages it will be easier to help you make that code search engine friendly. We all need to learn to walk before we can run.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 09-30-2006, 01:22 PM Re: My Layers may be overlapping
DwC
Novice Talker

Posts: 8
Location: uk
Trades: 0
Many thanks to all for the reassurance, advice and encouragement.

You are a fine advertisement for the site

DwC is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to My Layers may be overlapping
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.35410 seconds with 12 queries