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
div nesting issue--div not visible
Old 02-19-2007, 02:00 PM div nesting issue--div not visible
softfruit6's Avatar
Novice Talker

Posts: 7
Name: joy worthen
Trades: 0
page nesting structure in english terms

allpagecontent
header-close
headerbloc
headerimg-close
nav-close
close headerbloc
main
contentbloc-close
iconbloc-close
close main
footer-close
close allpagecontent

http://www.joyworthen.com/twocakes/funding.html

Using FF Page Source Chart I can see that the div is in place but its function and appearance is odd. It has a border assigned that should be visible NOT and i am experiencing some surprising performance by switching around closure tag placement-- the footer should live UNDERNEATH the main div and has w/h parameters that are being ignored.
i am using DW as a workspace and though the main div appears in the above mentioned source chart it does not apppear in the DW CSS Styles window at all.
I had this working structurally 2 days ago-- i went into develop another type of layout for a different part of the site and things got wacky.
any feedback ? what am i missing?
softfruit6 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-19-2007, 03:58 PM Re: div nesting issue--div not visible
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Part of the problem is coming from your use of ID's multiple times on the same page. ID's MUST be UNIQUE, you cannot use <div id="iconbox"> more than once. If you want to re-use the rules for 'iconbox', then specify it as a CLASS and not an ID.

You are also not properly using paragraphs, you're just putting <span>s around text - bad form and semantically incorrect. Put your text in paragraphs as you would if you were writing any paper document. You can then control spacing without <br>s by adding rules for the <p> tag in your CSS.

Your footer in FF is up under the menu area. This is because you have not properly cleared your floats.
__________________
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 02-19-2007, 04:28 PM Re: div nesting issue--div not visible
softfruit6's Avatar
Novice Talker

Posts: 7
Name: joy worthen
Trades: 0
thank you for the guidance Ladynred. I knew that my lack of <p> tags was a little lame-- and i had read something about the unique div usage but i pulled it off somewhere else so i was unclear on that-- the div vs class thing has been a little foggy for me. I am very grateful for your time and the review of this page-- ill see what those changes will accomplish-- THANK YOU.

softfruit6
softfruit6 is offline
Reply With Quote
View Public Profile
 
Old 02-19-2007, 04:37 PM Re: div nesting issue--div not visible
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
You might want to read thru this article:
http://css-discuss.incutio.com/?page=ClassesVsIds
__________________
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 02-19-2007, 11:54 PM Re: div nesting issue--div not visible
ForrestCroce's Avatar
Half Man, Half Amazing

Posts: 3,023
Name: Forrest Croce
Location: Seattle, WA
Trades: 0
For the record, most of the links LadynRed have pointed out have wound up being useful and enlightening, even after I've figured out what I was looking for.
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
ForrestCroce is offline
Reply With Quote
View Public Profile Visit ForrestCroce's homepage!
 
Reply     « Reply to div nesting issue--div not visible
 

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.24033 seconds with 12 queries