[WEB4LIB] Re: Question 2 CORRECTION

[Araby Greene]

Code should have been:

 .Content { float: left; text-align: left; width: 50%; margin-left: 5%; }
 .talk { text-align: right; }

The "floated" right column (.talk) doesn't need "float: left;" for a simple 2-
col. layout.

-araby
_______________________________________
Araby Greene
Web Development Librarian
Getchell Library/322
University of Nevada, Reno Libraries
araby at unr.edu
http://www.library.unr.edu


Quoting Araby Greene <araby at unr.edu>:

> Try this: 
> 
> .Content { float: left; text-align: left; width: 50%; margin-left: 5%; }
> .talk { float: left; text-align: right; }
> 
> Remember to take the "align" specs out of the inline styles.
> 
> Araby Greene
> 
> ________________________
> Araby Greene
> araby at unr.edu
> Web Development Librarian
> Getchell Library/322
> Univ. of Nevada, Reno
> http://www.library.unr.edu/
> 
> ----- Original Message ----- 
> From: "Drew, Bill" <drewwe at MORRISVILLE.EDU>
> To: "Multiple recipients of list" <web4lib at webjunction.org>
> Sent: Wednesday, August 07, 2002 12:31 PM
> Subject: [WEB4LIB] Re: Question 2
> 
> 
> > How do I get a two column display of the content using CSS so that both
> > columns are in line at the top?
> > 
> > I am experimenting on getting rid of using tables for design purposes.
> > 
> > Here is my test page: http://library.morrisville.edu/indextest.html
> > 
> > Here is the relevant style set up so far:
> > 
> > .Navigation {
> >     position:absolute;/*The navigation on the left side, positioned
> > absolutely*/
> >     top: 100px; 
> >     left:150px;
> > align: center;
> > width: auto;
> >     height: auto;
> >     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
> >     line-height : 110%;/*line-height set to 110% in order to*/
> >     }                  /*have the navigation elements better separated*/
> > body {
> > font-family : "TIMES NEW ROMAN", "TIMES ROMAN", TIMES,
> > SERIF;
> > font-weight : all;
> > font-size : medium;
> > background-color : transparent;
> >       }
> > .Content{
> > margin-left: 5%;
> > margin-right:50%;
> > align: left;
> > }
> > .talk{
> > postion:relative;
> > margin-left: 55%;
> > top: 1%;
> > }
> > 
> > 
> > 
> > Navigation is the top part above the line.
> > 
> > Content is the left hand column.
> > 
> > Talk is the right hand column.
> > 
> > I want the right hand column to be even with the left at the top.
> > 
> > Any suggestions?  
> > 
> > Bill Drew
> 
> 


-------------------------------------------------
This mail sent through https://webmail.unr.edu