By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,879 Members | 1,809 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,879 IT Pros & Developers. It's quick & easy.

how to fix the size for different resolution

P: n/a
I have left,middle and right DIV. my middle DIV will show table from
Mysql query. If the table size shown is smaller than the middle div,
then everythng is fine.

however, when i change my resolution to 800*600, the table size will
bigger than the middle div and cause the middle div out of its place.
i have try position=fixed, auto, relative but none of them solve the
problem.

so, how to fix this problem?

Thanx
Jul 20 '05 #1
Share this Question
Share on Google+
8 Replies


P: n/a
Quoth the raven named jo****@yahoo.com:
I have left,middle and right DIV. my middle DIV will show table
from Mysql query. If the table size shown is smaller than the
middle div, then everythng is fine.
If you give us the URL, we can help.
however, when i change my resolution to 800*600,
You do not have to change your resolution. Simply make the browser
window smaller. See Paul Furman's grid page.
http://www.edgehill.net/scale.htm
the table size will bigger than the middle div and cause the middle
div out of its place. i have try position=fixed, auto, relative but
none of them solve the problem.

so, how to fix this problem?


Please post the URL to the page in question.

--
-bts
-This space intentionally left blank.
Jul 20 '05 #2

P: n/a
Quoth the raven named jo****@yahoo.com:
I have left,middle and right DIV. my middle DIV will show table
from Mysql query. If the table size shown is smaller than the
middle div, then everythng is fine.
If you give us the URL, we can help.
however, when i change my resolution to 800*600,
You do not have to change your resolution. Simply make the browser
window smaller. See Paul Furman's grid page.
http://www.edgehill.net/scale.htm
the table size will bigger than the middle div and cause the middle
div out of its place. i have try position=fixed, auto, relative but
none of them solve the problem.

so, how to fix this problem?


Please post the URL to the page in question.

--
-bts
-This space intentionally left blank.
Jul 20 '05 #3

P: n/a
this url will show whats my problem.
http://members.lycos.co.uk/pstoh/test.htm

when u see in in 1024*768, its ok, but when i resize it to smaller
windows or change resolution to 800*600, the middle part is out of the
place.

so how to fix all div so that when i resize the windows, the middle
part will not shrink.

thanx!!
Jul 20 '05 #4

P: n/a
this url will show whats my problem.
http://members.lycos.co.uk/pstoh/test.htm

when u see in in 1024*768, its ok, but when i resize it to smaller
windows or change resolution to 800*600, the middle part is out of the
place.

so how to fix all div so that when i resize the windows, the middle
part will not shrink.

thanx!!
Jul 20 '05 #5

P: n/a

<jo****@yahoo.com> wrote in message
news:e9**************************@posting.google.c om...
this url will show whats my problem.
http://members.lycos.co.uk/pstoh/test.htm

when u see in in 1024*768, its ok, but when i resize it to smaller
windows or change resolution to 800*600, the middle part is out of the
place.

so how to fix all div so that when i resize the windows, the middle
part will not shrink.


Well, what do you *expect* the browser to do with the table? The space
between the floats becomes too narrow for the table, so the table has to go
somewhere else.

Jul 20 '05 #6

P: n/a

<jo****@yahoo.com> wrote in message
news:e9**************************@posting.google.c om...
this url will show whats my problem.
http://members.lycos.co.uk/pstoh/test.htm

when u see in in 1024*768, its ok, but when i resize it to smaller
windows or change resolution to 800*600, the middle part is out of the
place.

so how to fix all div so that when i resize the windows, the middle
part will not shrink.


Well, what do you *expect* the browser to do with the table? The space
between the floats becomes too narrow for the table, so the table has to go
somewhere else.

Jul 20 '05 #7

P: n/a

"Harlan Messinger" <h.*********@comcast.net> wrote in message
news:c5************@ID-114100.news.uni-berlin.de...

<jo****@yahoo.com> wrote in message
news:e9**************************@posting.google.c om...
this url will show whats my problem.
http://members.lycos.co.uk/pstoh/test.htm

when u see in in 1024*768, its ok, but when i resize it to smaller
windows or change resolution to 800*600, the middle part is out of the
place.

so how to fix all div so that when i resize the windows, the middle
part will not shrink.
Well, what do you *expect* the browser to do with the table? The space
between the floats becomes too narrow for the table, so the table has to

go somewhere else.


More specifically, you have defined a *fixed width* for each of your
floating DIVs, and you have both DIVs and the table inside a DIV whose width
you have specified to be 100% of the width of the window. So the width of
the space between the floating DIVs =

(100% of the window width) - (fixed width of the left float) - (fixed
width of the right float)

If the first term above is given, then how can the result vary if you aren't
allowing the second and third terms to vary?

Jul 20 '05 #8

P: n/a

"Harlan Messinger" <h.*********@comcast.net> wrote in message
news:c5************@ID-114100.news.uni-berlin.de...

<jo****@yahoo.com> wrote in message
news:e9**************************@posting.google.c om...
this url will show whats my problem.
http://members.lycos.co.uk/pstoh/test.htm

when u see in in 1024*768, its ok, but when i resize it to smaller
windows or change resolution to 800*600, the middle part is out of the
place.

so how to fix all div so that when i resize the windows, the middle
part will not shrink.
Well, what do you *expect* the browser to do with the table? The space
between the floats becomes too narrow for the table, so the table has to

go somewhere else.


More specifically, you have defined a *fixed width* for each of your
floating DIVs, and you have both DIVs and the table inside a DIV whose width
you have specified to be 100% of the width of the window. So the width of
the space between the floating DIVs =

(100% of the window width) - (fixed width of the left float) - (fixed
width of the right float)

If the first term above is given, then how can the result vary if you aren't
allowing the second and third terms to vary?

Jul 20 '05 #9

This discussion thread is closed

Replies have been disabled for this discussion.