/    Sign up×
Community /Pin to ProfileBookmark

reducing browser size

Copy linkTweet thisAlerts:
Mar 30.2005

Hi,

When I reduce the browser size all my divs and things overlap (i.e restore down) and then start shrinkin it by the bottom right corner.

How can i make it so that like [url]www.msn.co.uk[/url] it can just start a horizontal scroll bar and doesn’t just start overlpaing everything.

Thanks
Adam

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangMar 30.2005 — Give the outer div a width.
Copy linkTweet thisAlerts:
@k0r54authorMar 30.2005 — what if i cant because the middle must expand and is based on %
Copy linkTweet thisAlerts:
@David_HarrisonMar 30.2005 — Find out what the minimum width of the div has to be to prevent everything from overlapping, then try this:#outerdiv{
width:MINIMUM_WIDTH_HERE;
}

html>body #outerdiv{
width:auto;
min-width:MINIMUM_WIDTH_HERE;
}
Copy linkTweet thisAlerts:
@k0r54authorMar 30.2005 — ok i have done that but some problems occured when on my absolute divs

I put min-width:MIN_WIDTH into the html, body {

and it has worked?

in doing this is there anything i should watch out for i.e other browsers??

Thanks

adam

added : - in firefox it works fine

but in i.e it does not?

Any ideas?

Thanks

adam
Copy linkTweet thisAlerts:
@k0r54authorMar 31.2005 — I have been trying to do it but i have had no luck.

The problem i am gettin is that it is moving the menu accross with it.

If you could perhaps take a look and push me in the right direction that would be brill

http://dnet.apc-compunet.co.uk/index.php

Thanks

Adam
×

Success!

Help @k0r54 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...