[development] Re: Patches
Douglas Ebner
dwebner at gmail.com
Tue Jul 11 20:54:47 UTC 2006
I am somewhat a CSS Zealot as well, I understand the frustration with the
clears etc. However, What I have done is position my left hand menu as an
absolute. This has worked fine for my website and allows me to use clears
wherever I want without breaking any styles. I use tables for tabular data
and thats it.
For example:
#outer {
text-align:left;
background: #c5d5a9;
width:760px;
margin:auto;
border: 1px solid #c5d5a9;
}
#l-col {
position: absolute;
font-weight: bold;
color: #333333;
width: 155px;
border-left: 4px solid white;
background-color: #F8D583;
border-bottom: solid 4px white;
}
#content_container {
margin-left: 155px;
border-left: 4px solid white;
background-color: #eaeff3;
padding: 5px;
min-height: 550px;
}
The drawback is the container (Main body) of the page can be smaller then
the menu which I give a min-height for firefox; I have a style sheet which
loads if it is IE and it gets a height.... and another style sheet to take
away the height if it is IE7.
Anyways, it is just an idea!
On 7/11/06, Darrel O'Pry <dopry at thing.net> wrote:
>
> On Mon, 2006-07-10 at 15:26 +0200, Steven Wittens wrote:
> > >
> > > I say this even though I am a CSS zealot and have created several
> > > non CMS sites which have no tables and would do them no other way.
> > > I ended up using a single table in my design because in order to
> > > get the footer in the right place the left and right columns were
> > > floated. Once you have floated columns you cannot use clear in the
> > > content because the content will then clear the columns which is
> > > not what you want. You need to be able to use clear in the content
> > > so that you can float multiple images to one side and have them
> > > appear under on another which requires clear.
> >
> > Non-sense. The piefecta layout and many others (such as drupal.org
> > itself) are 100% tableless and can accomodate clears in the content.
> >
> > Steven Wittens
>
> You may need an additional wrapper around you content to constrain the
> clear, or a parent with position: relative. I can't remember.
>
>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/development/attachments/20060711/08a0c094/attachment-0001.htm
More information about the development
mailing list