CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old June 8th, 2004, 11:09 PM
edacsac edacsac is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Feb 2004
Posts: 284 edacsac User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 Days 4 m 43 sec
Reputation Power: 5
Dynamic container help

Hello all,

I'm trying to create a site using all css positioning but I'm running into some problems that to me, shouldn't even be problems.

The main issue I'm having is getting a container div's height to expand based on the height of divs nested inside the container. Vut all I get is the nested divs flowing outside of the container div.

I don't have any code to share, because I have it so screwed up right now it wouldn't even help explain my issue.

I'm going for a 3 column design, that is wrapped by said container div, and the container divs height would be based on the height of the longest div nested within.

I've done alot of searching on the web, and the answer seems to be that this can't be done. But I'm giving it one more try here.

I'm also a bit confused about relative positioning. Say that my conatiner div actually worked, and the height adjusted appropriatly. I have a left column, and a right column. both are position relative to the container. But when I do this, it seems to come out that the right columns top positioning is relative to the left columns positioning.

If I design everything based on viewable browser area, and allow scrolling when necassery, css is a dream. But thats not very practical. It seems that css great for static websites, but not quite up to par for anything dynamic.

Once I calm down and I'm not so frustrated, I'll start over and post some code if my explaination isn't descriptive enough.

Any input would be appreciated!

:-)

Reply With Quote
  #2  
Old June 9th, 2004, 04:23 AM
kk5st's Avatar
kk5st kk5st is offline
Thanks Johnny Hart (BC) R.I.P.
Dev Shed Demi-God (4500 - 4999 posts)
 
Join Date: May 2003
Location: Dallas
Posts: 4,674 kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level)kk5st User rank is Brigadier General (60000 - 70000 Reputation Level) 
Time spent in forums: 1 Month 3 Days 15 h 15 m 50 sec
Reputation Power: 687
Using CSS for positioning has a lot of gotchas if you're coming from tables. It has a lot of gotchas if you learn it on an obsolete browser like IE. CSS positioning requires a different approach. For example, look at my float demo and my nested boxes demo. See Big John's site for some very thorough explanations.

BTW, relative positioning means the element is in its natural position in the flow and its position is relative to itself.

*edit: As I think about it, you've probably got your cascades backward.

cheers,

gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

My html and css workshop, demos and tutorials.
Ask a better question, get a better answer.

Last edited by kk5st : June 9th, 2004 at 04:31 AM.

Reply With Quote
  #3  
Old June 10th, 2004, 10:56 AM
edacsac edacsac is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Feb 2004
Posts: 284 edacsac User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 Days 4 m 43 sec
Reputation Power: 5
Thanks!

Thanks for your reply Gary! The links are helpful. I see I need some practice.

:-)

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Dynamic container help


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 | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway
Stay green...Green IT