[css-d] widening center content

[Raumin "Ray" Dehghan]

Colleagues:

  I want to thank everyone for the help on widening the center
content.  I was able to line things up at least for the time being.

  I'm using static positioning on the template I'm using now.

Sincerely,
Raumin "Ray" Dehghan
West Chicago Public Library
West Chicago, Illinois
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] widening center content - margin property

[David Laakso]

Raumin "Ray" Dehghan wrote:
> Colleagues:
>
>I am sending a modified form of a message I recently sent.
>
>   I am frankly confused about how margins are working, especially in regard
> to center content  in my site.
>
>In the css file among listed below, I am trying to get the center
> material, which is a picture with a paragraph of gibberish below, to expand
> horizontally to the right so that it fills the white space currently there.
>
>the center material is located in the div#content
>
>div#content is located inside another div#wrapper
>
>   I have been experimenting by changing the values in div#content.
>
> When I made the right margin value in #content 200px, the center content
> moved under the left nav bar.
>
> When I made the right margin value in #content 100px, the center content
> then expanded, but a bit more than i wanted.
>
> I have been trying to read up on it, but I'm not sure how this margin
> property works?
>
> Any guidance would be greatly appreciated.
>
> here is the html:
>
> http://www.westchicago.lib.il.us/R/stuff/newlayout/wcpld_b1.html
>
>
> Sincerely,
> Raumin "Ray" Dehghan
>
>   




Everyone from Chicago is confused-- I was born and raised there and you 
ain't gonna find anyone more confused than me.

Nevertheless, one way with your current 3 col negative margin layout, 
would be to close it off above the footer and insert a wider column that 
does not cross over the nav.
This seemed terribly awkward to me-- messes up the document source order 
(and just looks peculiar).

I took the approach of making the index 2 cols (you can revert to 3col 
on the inside pages) and absolute positioning the little directory 
block. This maintains the source order (primary content first, the 
little block is second, and the nav is  3rd).

Children of all ages go to the library. Try to make it easy for them to 
read your site.

Holding now at +3 font-scaling in compliant browsers and at text-size 
"largest" in IE.
Cursory tested in FF, Opera, Safari, and IE6 & 7.0.



Best,

~dL

PS Note I increased the overall width to 750 to accommodate  better 
scaling (and don't forget to validate as you go).











-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] widening center content - margin property

[Raumin "Ray" Dehghan]

Colleagues:

   I am sending a modified form of a message I recently sent.

  I am frankly confused about how margins are working, especially in regard
to center content  in my site.

   In the css file among listed below, I am trying to get the center
material, which is a picture with a paragraph of gibberish below, to expand
horizontally to the right so that it fills the white space currently there.

   the center material is located in the div#content

   div#content is located inside another div#wrapper

  I have been experimenting by changing the values in div#content.

When I made the right margin value in #content 200px, the center content
moved under the left nav bar.

When I made the right margin value in #content 100px, the center content
then expanded, but a bit more than i wanted.

I have been trying to read up on it, but I'm not sure how this margin
property works?

Any guidance would be greatly appreciated.

here is the html:

http://www.westchicago.lib.il.us/R/stuff/newlayout/wcpld_b1.html

below is the css and the javascript file:

http://www.westchicago.lib.il.us/R/stuff/newlayout/layout2.css

http://www.westchicago.lib.il.us/R/stuff/newlayout/wcpld.js


Thank you very much for any help.

Sincerely,
Raumin "Ray" Dehghan
West Chicago Public Library
West Chicago, Illinois
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] widening center content

[Raumin "Ray" Dehghan]

Colleagues:

   In the css file among listed below, I am trying to get the center
material, which is a picture with a paragraph of gibberish below, to expand
horizontally to the right so that it fills the white space currently there.

   the center material is located in the div#content

   div#content is located inside another div#wrapper

here is the html:

http://www.westchicago.lib.il.us/R/stuff/newlayout/wcpld_b1.html

below is the css and the javascript file:

http://www.westchicago.lib.il.us/R/stuff/newlayout/layout2.css

http://www.westchicago.lib.il.us/R/stuff/newlayout/wcpld.js


Thank you very much for any help.

Sincerely,
Raumin "Ray" Dehghan
West Chicago Public Library
West Chicago, Illinois
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/