dreamweaver floats

after has been written on floats, have still been having trouble in multicolumn situation because when try clear images , divs in second column (right column) left clears, clear introduces gap in right column down end of left column. have tried techniques written in gallant , bergevin's tutorials without success, either have other problem in conflict, or missing something.

furthermore, when try hack overcome 3 px ie problem,
dreamweaver 8 design window falls apart, curiously firefox , safari
browsers (mac osx) not show problem. floating content div doesn't
seem work right.

the page in question can found @ http://cabrackett.com/bella_galleria/the_gallery.html

it looks in browsers have again has been hacked adding  
add white space want use clear for.

chuck

change section of code below this. page
and css first can if needs revert.


<p><img src="the_gallery_files/cabrackett_20060421_5963-m.jpg" alt="the
gallery" width="478" height="260" class="rightimage3"></p>
<br style="clear: both;" />
</div>
</div>
</div>
</div><!-- end top content container -->
<!--end #content -->


then change 'wrapper' css this:


#wrapper {
background-color: #acc1ed;
width: 770px;
margin-left: auto;
border: 1px solid #000000;
border-bottom: none;
text-align: left;
margin-right: auto;
}

and 'footer' css

#footer {
width: 770px;
margin: 0 auto;
background-color: #acc1ed;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}

#footer p {
font-size: 70%;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
margin: 0;
}



that both left , right columns up. css , code leaves
bit desired. im sure youre @ learning stage ,
progress realise can achieved lot cleaner , simpler.

basically ever use clear: both; never left, right, center, upside
down, back-to-front or else.......its not needed.


the text in footer aligns left on example page show?
that want or want centered? if want aligned
left add text-align: left; 'footer' <div>



cabrackett wrote:

> after has been written on floats, have still been having trouble in
> multicolumn situation because when try clear images , divs in
> second column (right column) left clears, clear introduces gap in
> right column down end of left column. have tried
> techniques written in gallant , bergevin's tutorials without success,
> either have other problem in conflict, or missing
> something.
>
> furthermore, when try hack overcome 3 px ie problem,
> dreamweaver 8 design window falls apart, curiously firefox , safari
> browsers (mac osx) not show problem. floating content div doesn't
> seem work right.
>
> page in question can found @
> http://cabrackett.com/bella_galleria/the_gallery.html
>
> looks in browsers have again has been hacked adding
>  
> add white space want use clear for.
>
> chuck
>

More discussions in Dreamweaver support forum

adobe