Overlapping divs and alternative to height value

	Home Register Search Help Login

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

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
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

Overlapping divs and alternative to height value

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 >> Overlapping divs and alternative to height value

Page: [1]

GolfMad

Posts: 190
Joined: 3/20/2002
From: UK
Status: offline

Overlapping divs and alternative to height value - 11/8/2008 4:19:53

http://www.sitesoon.co.uk/steel2/index.php

Could someone please explain an alternative to having to specify a height value in a surrounding div to stop FF3 covering it up with the div below. Specifying the height means that the text enlarged would break the page, or even if you wanted more text added later you would have to remember to increase the height size.

In this site under development, IE7 renders both content boxes

<div class="centerbox">

one under the other but FF3 covers up the top box unless I give a height value of 230px to the wrapping div

<div class="contact230">

I have removed the height value from that div to show the problem because I really want to understand the principle behind a proper fix for it - if someone is kind enough to explain of course.

Thanks


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Overlapping divs and alternative to height value - 11/8/2008 4:46:02 add overflow:hidden to the centerbox rule. _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to GolfMad)


GolfMad Posts: 190 Joined: 3/20/2002 From: UK Status: offline	RE: Overlapping divs and alternative to height value - 11/9/2008 13:35:14 Thanks Tailslide. I have done this; it appears to have worked in FF3 in respect of forcing the lower box down but it has moved the content to underneath the top box controlled by: <div class="centerbox"> <div class="out wide600"> <div class="in ltin tpin"> <div class="contact230"> (in reply to Tailslide)


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Overlapping divs and alternative to height value - 11/9/2008 14:08:55 Not sure I get you - you've got the photo and the address details above the contact form? To be honest - there's a lot of different classes going on there - too many, it makes it difficult to track problems. I'd suggest using as few as possible and rely on specificity to add rules. _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to GolfMad)


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Overlapping divs and alternative to height value - 11/9/2008 14:12:21 I think I see what the issue was - the address stuff is supposed to be in the box with the dropshadow? Add overflow:hidden to .contact230 Still, best to use as few ids and classes as possible - make your life easier! _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to Tailslide)


GolfMad Posts: 190 Joined: 3/20/2002 From: UK Status: offline	RE: Overlapping divs and alternative to height value - 11/9/2008 14:40:33 Thanks again Tailslide, yes it worked. Sorry about all the divs, the dropshadow classes are from some example I picked up on the web and then I have added a 3 div content area in it and surrounded that with a div which seemed to hold it in structure as I was floating those divs. One thing I am confused about though, if you could explain please, is why if we tell the div to hide the conent it does the reverse and actually shows it? - It would seem logical to be adding overflow: visible (in reply to Tailslide)


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Overlapping divs and alternative to height value - 11/9/2008 16:23:40 I'm not too sure to be honest. I think that you can in fact use any of the overflow: rules but hidden works best. in theory I suppose the content of the div isn't overflow - by adding an overflow rule you're purely forcing the actual full height of the div to be visible - whatever that height is. There's more on it here: http://www.quirksmode.org/css/clearing.html _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to GolfMad)

Page: [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Overlapping divs and alternative to height value

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