IE6 only - main content div is displayed below the sidebar

hi,  i'm having problem in ie6 main content displayed below level of side bar ends. have left side bar header , footer , main content. on general pages main content main content displayed in right place, on pages have added other divs , stylying whole of content sits below level of side bar, in other browser fine. please give me indication of why happen , can rectify problem. css side bar , main content below, on pages have these 2 divs there not problem must else.

thank in advance help.

 

.twocolfixlthdr #sidebar1 {
    float: left;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 20px;
    margin-bottom: 0px;
    cursor:pointer;
    cursor:hand;
    margin-top: -1px;
    width: 200px;
   
}

 

 

 

.twocolfixlthdr #maincontent {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 230px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 0px;
   
}

i suspect problem box model.  can  google find out more, there's heaps of stuff written it.

 

it easier see page if have uploaded.

 

if  have containing element specified width there has be  enough room fit combined width of elements contains.  that  makes sense problems can occur way browsers calculate  width.  width in ie 6 width + right , left margin + right and  left padding.  if have padding , margins on element is  contained within fixed width element , add element to  sit along side, going have make changes.

 

you  may need change dimensions of <div>s in pages  want add element , that, need to  think changing css on elements in pages.

 

martin

 

ps  i'm no expert think have said pretty on button.  say, if put page up, easier see sure, problem is.

More discussions in Dreamweaver support forum

adobe