Current location: Hot Scripts Forums » General Web Coding » CSS » I can't seem to find this =/ Expandable 3 div solution


I can't seem to find this =/ Expandable 3 div solution

Reply
  #1 (permalink)  
Old 12-27-07, 01:21 PM
nova912's Avatar
nova912 nova912 is offline
Code Guru
 
Join Date: Sep 2004
Location: Traverse City, MI, USA
Posts: 821
Thanks: 0
Thanked 0 Times in 0 Posts
I can't seem to find this =/ Expandable 3 div solution

Hi, I come from the era of when table layout was cutting edge heh. I have since upgraded to css/div layout but one thing is annoying me...

with a table you could set put 3 columns, set the left and right to say 100px each, and leave the center columns width blank. You then gave the table a 100% width and viola, the table content area (center) expanded and the sides stayed 100px wide.

How can this be done in CSS?
__________________
"BTW, I can't program at all the only thing I figured out is how to upload templates to my server."
Reply With Quote
  #2 (permalink)  
Old 12-28-07, 12:44 PM
Wolf1994 Wolf1994 is offline
Wannabe Coder
 
Join Date: Sep 2005
Location: Russia
Posts: 117
Thanks: 0
Thanked 0 Times in 0 Posts
I am not a good CSS knowing person, but can suggest one solution. You may make one large div with position absolute and lowest z-index and margin-left:210px, the cover it with another to div's: left and right with greater z-index and same position type, set for right div something like: right:0px. Did not tested, so sorry if it will not work.

BTW, tables is not so bad thing. For cells better to use table, for boxes div. Its different tags for different purposes. Not wise to try to replace them with each other.
Reply With Quote
  #3 (permalink)  
Old 01-02-08, 10:42 AM
dkx dkx is offline
Newbie Coder
 
Join Date: Dec 2007
Location: Chicago
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by nova912 View Post
Hi, I come from the era of when table layout was cutting edge heh. I have since upgraded to css/div layout but one thing is annoying me...

with a table you could set put 3 columns, set the left and right to say 100px each, and leave the center columns width blank. You then gave the table a 100% width and viola, the table content area (center) expanded and the sides stayed 100px wide.

How can this be done in CSS?
checkout this link
http://blog.html.it/layoutgala/LayoutGala13.html
__________________
a complex system that does not work most likely have evolved form a simpler system that worked just fine...
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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 Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
find node in a heap UnrealEd Everything Java 0 11-20-07 03:48 AM
padding error, div within div manuleka CSS 5 06-14-07 10:58 PM
php extension problem UnrealEd Web Servers 6 09-18-06 05:31 AM
Can't Understand java script maverickminds JavaScript 1 07-16-06 01:23 PM
weird parse error. cant find a solution fridyrls PHP 1 11-03-05 11:26 AM


All times are GMT -5. The time now is 02:05 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.