a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions. dd

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

CSS Question

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> CSS Question
Page: [1]
 
fredecd

 

Posts: 312
Joined: 12/3/2003
From: Louisiana, USA
Status: offline

 
CSS Question - 3/15/2005 18:00:06   
I am relatively new to the world of CSS, and even newer to the Firefox browser. I really prefer FF over IE, but I am also struggling to understand the differences when designing pages.

One question: Is there a limit to placing divs inside of divs? I created a div called #container, then placed another inside of it called #content, then another inside of #content called #menu.

In IE, the div's appear inside of each other, but in FF the #menu box does not appear inside of the container. Instead, it floats as if it has an absolute position (which it doesn't)

I will try to post an example to my site later on so that you can view the code, but was wondering if there was a limit to how many times I can place a div within a div.

Thanks,

_____________________________

Chris

http://www.sightbysite.net
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CSS Question - 3/15/2005 18:14:18   
No, there is no limit but you need to be careful of the cascade and how each div might inherit properties from its parent.

Believe me when I say that Firefox is correct. Get the layout right in that then sort IE out afterwards.

If the div is floating then make sure you have sufficient </div> as that can cause odd things to happen. Check your css to make sure you have all the ; and }

You can validate your code which will point out any missing items and save you a lot of headaches

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/



_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to fredecd)
fredecd

 

Posts: 312
Joined: 12/3/2003
From: Louisiana, USA
Status: offline

 
RE: CSS Question - 3/16/2005 11:43:09   
Thanks Jaybee.

The pages are valid with the exeptions of missing ALT tags on two of my images.

I think that I may have discovered my problem. Does FF require height specifications on each div tag?

When I specified div height on the container, everything worked out well in FF. In IE, the browser automatically expanded the div height to match the content, where FF did not.

Is there a way to get FF to expand a div to automatically adjust to content height, or will I need to specify in each instance?

Thanks again,

_____________________________

Chris

http://www.sightbysite.net

(in reply to jaybee)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> CSS Question
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts