Reply
div nesting issue--div not visible
Old 02-19-2007, 01:00 PM div nesting issue--div not visible
softfruit6's Avatar
Novice Talker

Posts: 7
Name: joy worthen
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
 
When You Register, These Ads Go Away!
Old 02-19-2007, 02:58 PM Re: div nesting issue--div not visible
LadynRed's Avatar
Super Moderator

Posts: 6,570
Location: Tennessee
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 !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 02-19-2007, 03:28 PM Re: div nesting issue--div not visible
softfruit6's Avatar
Novice Talker

Posts: 7
Name: joy worthen
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, 03:37 PM Re: div nesting issue--div not visible
LadynRed's Avatar
Super Moderator

Posts: 6,570
Location: Tennessee
You might want to read thru this article:
http://css-discuss.incutio.com/?page=ClassesVsIds
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 02-19-2007, 10:54 PM Re: div nesting issue--div not visible
ForrestCroce's Avatar
Half Man, Half Amazing

Posts: 3,024
Name: Forrest Croce
Location: Seattle, WA
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.
ForrestCroce is offline
Reply With Quote
View Public Profile Visit ForrestCroce's homepage!
 
Reply     « Reply to div nesting issue--div not visible
 

Thread Tools

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