Right first this first the reason the menu overlaps is that your
content div has finished so it just wraps round. What would be better
is if you put the left column as a div i.e:
#leftClm {
width: 33%;
float: left;
display: block;
padding: .. etc.
}
Here is a good example: http://www.thenoodleincident.com/tutorials/
box_lesson/basic2_fluid.html
James MacLeod
On Feb 16, 2006, at 09:28, John Latter wrote:
Hi,
I'm new to css and would appreciate some help with the following two
problems I've encountered in setting up a blog which can be seen here:
http://evomech2.blogspot.com/2006/02/re-evomech-re-peer-review-and-
genetic.html
Its a 2 column layout and I think the relevant css code is:
div#mainClm{float:right;width:66%;padding:30px 7% 10px
3%;border-left:dotted 1px #E0AD12;}
div#sideBar{margin:20px 0px 0px
1em;padding:0px;text-align:left;width:100%;}
The first problem (which occurs on Firefox but not IE6) can be seen at
the bottom of the above page where the sidebar text overflows into main
content area. I have tried to fix it myself but with many other things
to do I'm really stumbling about in the dark.
The second problem isn't readily apparent because I've tidied the main
column content up:
Entries in the main column are auto-added from a yahoo group and contain
"tt" tags which are then carried over into the sidebar and change the
text font. A similar effect is caused by posters using a variety of
composing programs. Is there any code I can add to the end of the main
div to stop _anything_ being inherited by the sidebar div?
John Latter
[NB This is a repost of the first message I sent to this list. The first
one was sent in HTML/Plain Text format and I'm not sure if it got
through - my apologies if you've received this twice!]
--
*Model of an Internal Evolutionary Mechanism*:
http://members.aol.com/jorolat/index.html
______________________________________________________________________
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/
______________________________________________________________________
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/
