CSS DIV Heights!

This is a discussion on "CSS DIV Heights!" within the Web Page Design section. This forum, and the thread "CSS DIV Heights! are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Oct 14th, 2007, 13:15
Junior Member
Join Date: Oct 2007
Location: Dubai
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy CSS DIV Heights!

Hi folks,
I switched to CSS layouts from old table layouts one year back. But there is a problem I always face is DIV heights. I mean, if I do a content box is a table cell (even with a bg image) the height will be adjusted according to the contents placed on it (even I can define a minimum height with css) but how can I make a content DIV or a DIV with a tiling bg image, to auto stretch in height?
It could be great if I can define a minimum height for the particular DIV (so the content box will maintain a minimum standard height) and if more contents are inserted in future, the DIV should stretch automatically to accommodate all. and the bg tiling also will not be effected.
Is there any rules or workarounds for this? Kindly help me in this.
Thanking you.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Oct 14th, 2007, 14:25
Reputable Member
Join Date: Sep 2007
Location: Tehran - Iran
Age: 29
Posts: 434
Blog Entries: 2
Thanks: 7
Thanked 7 Times in 7 Posts
Re: CSS DIV Heights!

i think you should assign an auto value to height and no repeat to background image like this :
height: auto;
background-repeat: no-repeat;
__________________
Designing For Communicating
Website : http://www.datisdesign.com
Weblog : http://blog.datisdesign.com

Last Blog Entry: Throughout IRAN (Dec 10th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Oct 15th, 2007, 06:01
Junior Member
Join Date: Oct 2007
Location: Dubai
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS DIV Heights!

Thanks marSoul, but I need the bg to be tiled through the end of content DIV. so I can add a shadow border or something like that. anyways I'll try with height:auto for the height problem.
Regards
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Oct 15th, 2007, 09:45
Emzi's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Manchester
Age: 25
Posts: 155
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS DIV Heights!

Could you possibly post a link to the site so we can see exactly what your problem is?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Oct 15th, 2007, 10:54
Reputable Member
Join Date: Sep 2007
Location: Tehran - Iran
Age: 29
Posts: 434
Blog Entries: 2
Thanks: 7
Thanked 7 Times in 7 Posts
Re: CSS DIV Heights!

if you want ur background to be repeated, enter :
background-repeat: repeat;
__________________
Designing For Communicating
Website : http://www.datisdesign.com
Weblog : http://blog.datisdesign.com

Last Blog Entry: Throughout IRAN (Dec 10th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
css id heights bean_2k1 Web Page Design 3 Apr 7th, 2007 20:15
Javascript to set equal heights to 3 autoextending columns joshdub223 JavaScript Forum 1 Apr 22nd, 2006 19:22
layout with dynamic heights il padrino Web Page Design 3 Nov 23rd, 2005 20:29


All times are GMT. The time now is 11:16.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42