It's because the width of your #main body container is sized
indefinitely at 960px.. so it won't go any larger or smaller than that.
One thing you could try is to resize the #main body container within a
CSS media query
@media screen and (min-width : 800px) {
#main { width: 90%; }
}
what this will do, is when the browser is less than or equal to 800px
wide, we'll change the #main div's width to 90% the width of it's parent
(the <body> tag)
That should fix your issue, however there is an issue with your float
system... the #main div isn't being resized appropriately because of the
fixed with of your #article... or so far as I can tell. Might take a
while to figure out what the culprit is, but also may mean a
reevaluation of your current CSS/markup arrangement.
- Brandtley McMinn
Creative Director - Gigglebox Studios
On 3/3/2011 9:39 PM, Keith Purtell wrote:
Same site ( thanks Justin, for the reply) different problem.
When I test this on 800x600 screens, the text gets chopped off on the
right side. I thought min-width and max-width (w/IE6 hack included)
would solve my problem but it's not working. I've been reading up on,
and trying to use, "elastic design" but I obviously missed one of the
steps.
The same thing happens if I use the zoom feature on my browser but I
don't know if I can deal with that via CSS?
http://www.keithpurtell.com/kthings/bj-cole.htm
- Keith
--
--
You received this because you are subscribed to the "Design the Web
with CSS" at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
