6 replies [Last post]
Kwakkie
Offline
newbie
Belgium
Last seen: 12 years 48 weeks ago
Belgium
Timezone: GMT+2
Joined: 2007-09-03
Posts: 4
Points: 0

Hello

I'm trying to build a page, with a header, footer, and 2 DIVs with scrollbars.

I found this tutorial, which gives this result.

But in the middle "container" div, I want two DIVs, with scrollbars.

I tryed something out, but the only thing I could make, worked in Firefox, but not in Internet Explorer...

Can someone help me out?

:shrug:

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 4 years 39 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

If what you want is two divs

If what you want is two divs in the middle section, one one the left and one on the right, then what I'd do is give both of those two divs a width, and float them.

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

Kwakkie
Offline
newbie
Belgium
Last seen: 12 years 48 weeks ago
Belgium
Timezone: GMT+2
Joined: 2007-09-03
Posts: 4
Points: 0

Katie wrote:If what you want

Katie wrote:
If what you want is two divs in the middle section, one one the left and one on the right, then what I'd do is give both of those two divs a width, and float them.

The left DIV should be 150px width, and the right should be the rest of the screen... I can't get it fixed, the right DIV always stands under the left DIV, without scrollbars..

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 4 years 39 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

Can you post the complete

Can you post the complete code that you've done, with the 2 divs?

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

Kwakkie
Offline
newbie
Belgium
Last seen: 12 years 48 weeks ago
Belgium
Timezone: GMT+2
Joined: 2007-09-03
Posts: 4
Points: 0

The HTML

The HTML code:
http://pastebin.com/m48bdd89d

The CSS code:
http://pastebin.com/m5f822912

I've got it working perfectly in Firefox, but a bug in Internet Explorer. The page div, doesn't show a scrollbar. I suppose there's something wrong with the 100% width of that div...

Ideas?

Thanks Smile

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 4 years 39 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

When I viewed your page

When I viewed your page (with some added dummy text) in IE, much of the text on the right side of the #pagina div was outside the broswer window and not visible. I do agree that this is caused by having a width: 100%; specification on the #pagina element. IE is interpreting that as "this div should have 100% of the width of the browser window" instead of "this div should have 100% of the width remaining". So try this instead:

* html #pagina { height: 100%; }

I did see some odd spacing of the scrollbar on the #pagina div when I had lots of text in there. Try changing the margins / padding around that element to correct it.

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

Kwakkie
Offline
newbie
Belgium
Last seen: 12 years 48 weeks ago
Belgium
Timezone: GMT+2
Joined: 2007-09-03
Posts: 4
Points: 0

I couldn't fix it, so I

I couldn't fix it, so I searched for another example. I came up with this example.

The best they I could do with is, was this.

Again, working great in Firefox and Internet Explorer 7, but not in Internet Explorer 6... Can someone fix this for me, or give me a tip, cause i'm really desperate... Sad

Thanks!