3 replies [Last post]
C10
Offline
newbie
Last seen: 17 years 17 weeks ago
Joined: 2004-09-29
Posts: 6
Points: 0

I have about 3 problems while working with the divs and css.

1. I have the width set on 80% and margins on 10%, this works just fine.
I want to have the same with the height of de body div. as soon as i give it a height and a bottom margin the site goes crazy. this does''t work??

2 As soon as the browserwindow is stretched the width scales with it, (and hopefully someday the height as well. If it does i want the backgroundimage in links dic to be 100% and scale with the size of the div but how??

3 scroll problem. in rechts div i have navrechts div (rightbutton)
and a rechtstekst div (text). the button has a fixed size the text not it scales with the window.but when i give overflow auto it makes a margin of about 20px left of the button and gives hor and vert scroll
see http://www.c10web.com/fa/scrollwrong.htm
when it has width 100% the text flows under the right button but the scrollbar is only vertical?? see http://www.c10web.com/fa/fa.htm

can anyone explain this?

thanx christien :?

C10
Offline
newbie
Last seen: 17 years 17 weeks ago
Joined: 2004-09-29
Posts: 6
Points: 0

Sorry the links did not work

The links do work now...hopefully someone still wants to check it out?!

C10
Offline
newbie
Last seen: 17 years 17 weeks ago
Joined: 2004-09-29
Posts: 6
Points: 0

Nobody??

Anyone?? Is t to hard a problem? without any solution?
Should i just give up on this?

Please.....

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

several problems divs and css

Hi C10,
Usually to specify a height in percentage the browser needs to know what to base the percentage on. (100% of undefined is not a lot)
So the first thing to try is setting a height for body and html
html, body{height:100%;} In your case it may be worth giving container a height as well.

I was looking in firefox and didn't see the scroll problem, so lets try working on one thing at a time.