Helen wrote:
> I'm working on a new site at 
> http://picturethis4u.com/mikesoutherland/index.htm. 
> The css is at: 
> http://picturethis4u.com/mikesoutherland/css-mike-southerland.htm. 
>
> In the #main, the text is fluid when I resize the browser window, BUT, when 
> the
> browser window is at 1024 x 768, the text is too far from the #navcol, and 
> when the
> browser window is at 800 x 600, the text is a tiny bit closer than I'd like 
> it to be.
>
>
> I'd really like the text to be stationary on the left, fluid on the right. 
> Does that
> make sense? Is that possible? It's probably something simple but I just can't 
> seem to
> figure out what it needs.
>   
First off, Helen, congratulations on producing a page that I don't have 
to zoom to read at 1280. A fast and dirty method that, I think might 
achieve your goal, is to reset the text with percent rather than pixels 
on the left:
#main{  padding: 75px 30px 0 4%;}/*tweak*/
Either way, you'll still get an extraordinary line measure, particularly 
above 1280. This can be resolved by setting min/max width on the page, 
using your favorite method of delivering same to the uncooperative 'evil 
one.'
If you are up for raising the bar, you /may/ want to consider a full CSS 
layout. There is no reason to have the left col a table, as you have no 
tabular data. This 2col layout is stable, and robust-- and will work 
well for you cross-browser: 
<http://www.alistapart.com/articles/negativemargins/> . You might even 
leave the nav on the right as he has done so that the content is 
first(rather than second in source order) .Keep the xhtml strict doctype 
and assign the margin to the <p>content-text</p> not the division. No 
need for all those <br /> tags. Note no absolute positioning is 
required. Float layouts are much easier to work with in the long run. 
Tidy Online<http://infohound.net/tidy/ > will help keep you on track as 
far as the markup is concerned, check your page with it as you work And 
post to the list when you hit a problem..
>
> Helen 
Best,
~davidLaakso

-- 
http://www.dlaakso.com/gustave/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to