- This topic is empty.
-
AuthorPosts
-
April 1, 2009 at 5:52 pm #24474magicianMember
Please look at the site I am working on: http://www.marksouthworth.co.uk.
The problem is with the right column. I have had to specify a height for the last div element – .testimonials2 {
If i dont do this and i add content it overflows longer than my column on the left. How do i make it so that both the left and right grow equally? Thanks.Also it renders badly in ie 6 and i am stuck on hoe to fix this.
April 1, 2009 at 6:58 pm #55702chazzwickMemberEither use a background image 1px high ,that is white and gray, and repeat it vertically.
Or you can use a Jquery plugin (http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/)
April 2, 2009 at 3:07 am #55710magicianMemberCould you please be specific to my code as my #content_wrap seems to serve no purpose as it doesnt even get picked up in firebug but if i do away with it it messes up my content.
I dont know why this is happening, normally, it is as easy as a container div with 2 columns, both floated with widths declared?
April 2, 2009 at 5:14 am #55714magicianMemberI appreciate the help, and that to me would seem the logical way around this problem but if you try it yourself it doesnt work, the content_wrap doesnt seem to hold any colour or bg image at all, though without it the content floats mess up. Please help.
April 2, 2009 at 5:49 am #55717magicianMemberThanks again, desnt work, think i will just have to accept its not going to work.
April 2, 2009 at 6:41 am #55720magicianMemberSeems like I can only get the bg image to appear if i declare a height on the content_wrapper? But then, if I do this it pushes all the right column content down?
April 2, 2009 at 7:42 am #55737magicianMemberLocally on my machine I have it down to 4 warnings, but it validates, but it still doesnt work right without declaring a height for the #content_wrap. So bottom line is, how do I bypass having to put a height for the div. Currently if I add more content on the columns I then have to change the height of the content_wrap div which is not practical.
Furthermore even if i do this and I want to add more conent to the right column it still overflows over the content_wrap if i dont change the height.April 2, 2009 at 8:13 am #55740magicianMember"apostrophe" wrote:With the code I just posted you can add as much content as you like without declaring a height and the #content_wrap will stretch to accomodate it.NOo sorry doesnt work, if i add conent to the testimonials2 div it overflows the content wrapper.
If i add content to the left column the div grows with it but not with the right column as it overlaps.April 2, 2009 at 8:30 am #55741apostropheParticipantIt works on my machine. Just take the height off #testimonials2.
April 2, 2009 at 8:42 am #55742magicianMembernah,
April 2, 2009 at 8:43 am #55744magicianMembernah, it doesnt work, see attached, I have even wrapped the whole of the right content in an additional div to no avail:
http://img10.imageshack.us/img10/2484/problemhxd.jpgApril 2, 2009 at 9:29 am #55745apostropheParticipantIt works perfectly in FF on my mac.
#content_wrap set overflow to hidden
Otherwise update the online page and I’ll have another look.April 2, 2009 at 9:41 am #55747magicianMemberi will update tonight and buzz you whn up. i have tried overflow hidden but it solves the overhanging bit but hiudes anything longer than the first column within the 2nd column.
April 2, 2009 at 9:45 am #55748magicianMemberOMG you are a genius thanks for all your input. I….welll. you have cracked it> Thankyou so much.
April 2, 2009 at 9:51 am #55749apostropheParticipantNow that’s magic ;)
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.