border around an overflow - FF probs

**Siddan** · 07-12-2006 01:49 PM

Hey, Now Firefox is being a bit of a lunatic, I would say.

Can anyone tell me why this all so ever great browser doesn´t wrap a border around the whole content when an object is set to overflow.

code example

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>

<style type="text/css">
#list {
	margin:0px; 
	width:200px;
	height:310px;
	overflow:auto;}

#list div {
	width:170px;
	height:300px;
	border-width:1px;
	border-style:dashed;
	border-color:#000 
}
#list a {display:block}

</style>
</head>

<body>

		<div id="list">
			<div>
			<h4>~~ header1 ~~</h4>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>

			<h4>~~ header2 ~~</h4>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			<a href="#">link</a>
			</div>
		</div>

</body>
</html>

thanks for replying

**drhowarddrfine** · 07-12-2006 02:51 PM

You have limited your list with the height and FF is doing exactly what you told it to do while IE, as usual, is screwing it up. Remove the height rules and see what happens. You said to overflow the content and FF does while IE just expanded the div which is not what you said to do.

**Siddan** · 07-12-2006 03:22 PM

hmm hehe, well. This how I thought I told it to do...

I have the divwrapper of a fixed width and height setting it to overflow. Then I have another div container which is for the whole content, and that content has a border which should be all around the text within.

So no matter how long the content is stretching beyond the bottom of the divwrapper, the bottom border of the content should follow its length...

..... should it not?

**drhowarddrfine** · 07-12-2006 09:32 PM

overflow only specifies what to do with the content when it overflows its container. You specify the container to be a certain height so FF properly stops the div as you told it to. IE does not which is incorrect behavior.

**Siddan** · 07-13-2006 06:50 AM

lol, I still could argue with you of how it should be but luckily I checked the code again and to my embarrasing surprise there were one fixed height of each of those divs. I only concentrated on the first #list div and apparently got blind on the second div.

so in short, I did the mistake of somehow setting the second div a height

**drhowarddrfine** · 07-13-2006 07:44 AM

I still could argue with you of how it should be

This is the abuse forum. Arguments are on a different board.

How what should be? I'm up to correcting you.

**Siddan** · 07-13-2006 09:50 PM

lol. I meant if there were no fixed height on the second div and the border would still behave like that. Cus all you said was that Firefox is reading and does what is correct.. but how can it be correct when the wrapper div only has a fixed height and not the content div, and still the content div´s border ends the end of the wrapper´s div...

do you see our misscomunication?

So then I saw that the second div also had a fixed height, which wasn´t in my attention

Thread: border around an overflow - FF probs

Thread Tools

Display

border around an overflow - FF probs

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions