6 replies [Last post]
marcosmyara
Offline
Enthusiast
Last seen: 11 years 11 weeks ago
Joined: 2007-12-19
Posts: 66
Points: 0

min-width is really the priority because it looks so ugly when you shrink the window down..

the page is http://www.akisolucoes.com.br/desenv/myara/radiorkut/radiorkutexp3.html

i tried this http://www.cssplay.co.uk/boxes/width3.html

and also tried adding these expressions i found around to the "container" div:

width:expression(document.body.clientWidth < 920? "920px": "auto" );
width:expression(document.body.clientWidth > 1003? "1003px": "auto" );}

both tries failed... i need a min width of 920px and a max width of 1003..

cheers

Marcos.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Try changing the element

Try changing the element statement to:

document.documentElement.clientWidth

'body' should only work for IE in quirks mode.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

marcosmyara
Offline
Enthusiast
Last seen: 11 years 11 weeks ago
Joined: 2007-12-19
Posts: 66
Points: 0

that still didnt work...

that still didnt work... see? www.akisolucoes.com.br/desenv/myara/radiorkut/radiorkutexp3.html

by the way im using strict doctype..

Marcos.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Your min-width doesn't work

Your min-width doesn't work because you're combining your expressions wrong and the first one's being ignored. Read this for how to do it the correct way: http://www.gunlaug.no/contents/wd_additions_14.html

Also, you shouldn't be combining your expressions in your rule for #container - use a separate rule preceded with * html for IE6 and lower only.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

marcosmyara
Offline
Enthusiast
Last seen: 11 years 11 weeks ago
Joined: 2007-12-19
Posts: 66
Points: 0

Hey Tyssen, thanks for the

Hey Tyssen, thanks for the hints... i changed the expression to the one in the site u mentioned (the fullest one), made a #wrapper and applied it to that... it still doesnt work... please, if im doing something wrong, can you fix the lines up for me and post it here so i can try it out??

heres the page again www.akisolucoes.com.br/desenv/myara/radiorkut/radiorkutexp3.html

thanks

Marcos.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

It is working in IE6. The

It is working in IE6. The layout fits in the window down to 930px and then it's width becomes 920px when it's anything less than 930 (which you've told it to do with your expression) and a scrollbar appears. The fact that the layout breaks in IE6 isn't because the expression isn't working, it's because there's something else wrong with the layout, probably due to rounding differences between IE & others. You may need to give your expression a greater minimum value to prevent it breaking in IE6.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

marcosmyara
Offline
Enthusiast
Last seen: 11 years 11 weeks ago
Joined: 2007-12-19
Posts: 66
Points: 0

you're right... it was the

you're right... it was the width size of the content in the middle of the bar.. explorer makes a big deal out of it.. while other browsers just squeeze it in that bar on 920px no problems... so i gave it a slightly smaller width value and now its all good.. im very happy about that.. heheh thanks very much for that..

Marcos.