hi there,
as u said the table part, you want it on the bottom of other 2 DIV's.
so yo must need to add {clear:both} to clear the float before the
table.
"<div style="clear:both"></div>"
i hope this may help you :)
On Dec 10, 6:59 am, fachhoch <[email protected]> wrote:
> here is my html
>
> [CODE]
> <div style=" margin-bottom: 0.5em; font-weight: bold; width: 100%;
> border:
> 1px solid #0079D6 ; ">
>
> <div style="float: left; width: 75%; " >
> <ul style="margin: 0pt 0pt 0.5em 0.5em;
> list-style-type: none;
> list-style-image: none; list-style-position: outside; ">
> <li>Grant Program: <label
> style="font-weight: normal;"
> wicket:id="porgramName"/> (<label wicket:id="porgramAcronym"/>)</li>
> <li>Action Official: <label
> style="font-weight: normal;"
> wicket:id="grantsOfficerfname"/> <label style="font-weight: normal;"
> wicket:id="grantsOfficerlname"/> </li>
> </ul>
> </div>
>
> <div style="float: left; width: 25%;">
> <ul style="margin-left: 0.5em;
> list-style-type: none; list-style-image:
> none; list-style-position: outside;">
> <li> Assign Action Official </li>
> <li> Assign Finding(s) to Grant
> Program </li>
> </ul>
> </div>
>
> <table cellspacing="0" class="dataview"
> style="margin-left: .5em; width:
> 95%;" wicket:id="programFindingsContainer" >
> <thead>
> <tr>
> <th>Finding #</th>
> <th>Finding Type</th>
> <th style="text-align:
> right;">Recommended Amount</th>
> <th>Grant Identifier</th>
> <th>Appropriation
> Number(s)</th>
> <th>CAN(s)</th>
> <th>Action</th>
>
> </tr>
> </thead>
>
> [/CODE]
>
> the first two divs works fine , but the third table floats left and dosent
> come below the div, ,please suggest how can I push the table below the div ,
> Its working in IE and firefox but not in chrome , please suggest me.Attached
> is the imagehttp://old.nabble.com/file/p26721021/program.png
> --
> View this message in
> context:http://old.nabble.com/here-is-my-html-tp26721021s27240p26721021.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
