|
Posted by Neredbojias on 11/18/74 11:31
With neither quill nor qualm, abracad_1999@yahoo.com quothed:
> I am trying to split a web-page in 3 columns, the left and right
> columns of
> fixed width and the middle one changing size with browser.
>
> I can do this with this table:
> <table width="100%" border="1">
> <tr>
> <td width="200" bgcolor="#FF0000"> </td>
> <td bgcolor="#0000FF"> </td>
> <td width="200" bgcolor="#00FF00"> </td>
> </tr>
> </table>
>
> But is it possible to do this with 3 <div> tags so as to work in
> explorer
> 5.5+ netscape 6+ & firefox?
>
> eg one might expect 3 divs with id's a, b & c to work given styles:
>
> #a {position: absolute; left: 5px; background-color: #FFFF00; width:
> 200px}
> #b {position: absolute; float: left; left: 205px; background-color:
> #FF0000}
> #c (position: absoulte; right: 5px; background-color: #00FFFF; width:
> 200px)
>
> but they do not.
>
> any suggestions?
You can try forgetting the float, set the width of b to 100%, insert a
div in it with padding r/l equal to widths of a and c, and z-index
accordingly.
--
Neredbojias
Contrary to popular belief, it is believable.
Navigation:
[Reply to this message]
|