You are experiencing the same problem someone else was earlier. Here was my response to him:
The problem you are having is that you are floating content and > sidebar_container, however you are not clearing them properly. > > This article explains the problem, and has as a detailed explanation with a > full solution towards the bottom: > http://www.positioniseverything.net/easyclearing.html > > You should read it to understand what you are experiencing. If you don't > want to use IE conditional commenting, then google clearfix and find another > solution that does not contain conditional commenting. > > Once you put in the CSS clearfix in your CSS, then add a classname of > clearfix to the sidebar_container. If that doesn't fix it, add the clearfix > to content as well. > On Sun, Jan 4, 2009 at 9:57 PM, graphic designer < [email protected]> wrote: > Hi.... > > Try > > #tablescooter{ > border:10px solid grey; > width: 100%; > height: auto; > overflow: hidden; > } > > #sideoverskrift{ > border:10px solid green; > width: 100%; > height: auto; > overflow: hidden; > font-family:verdana,sans-serif; > white-space:nowrap; > > letter-spacing:3px; > */*border-bottom:0px solid #f00;*/* > margin:auto; > padding:4px; > text-align:center; > font-weight:bold; > } > > > > Try to use these properties may be it helps. And about the green border, > you declared border-bottom:0px solid #f00; ..... remove it or comment it. > > Thanks; > Anuj. > > > On Sat, Jan 3, 2009 at 9:37 PM, ScooterGrisen <[email protected]>wrote: > >> >> I got a problem here: http://mentos.wep.dk/kandu/cssfloatproblem001.html >> >> as you can se the green border at the bottom is gone and the grey >> border is to high compared to the ending of the text. >> >> and also: >> >> .cols{ >> margin:20px; >> } >> >> the margin is not showen at the bottom off the text only above and >> rigtht and left. >> >> How do i fix this so the border goes nicely below the text and the >> margin i 20px all around the text. >> >> >> > > > > -- -Richard Aday --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
