CSS Help

  • Thread starter Thread starter Howard
  • Start date Start date
H

Howard

The page layout is made up of 3 div tags. see below. I can't figure out how
to get this to work.can't set the widths correctly
the right block won't display in IE6 but fine in firefox

the parent block contains two child divs side by side, left and rightFixed.
the right div is fixed with width 200px and aligned to the right
left div's width should be adjusted automatically, and does not overlap with
anything.

__________________
| | |
| | |
| 1 | 2 |
| | |
|_____________ |___ |

<div id="parent" style="position:absolute;left: 3px;right:
3%;background-color: #FFFFFF;width: 99%;border: 1px solid #000000;">

<div id="left"
style="float:left;margin:0px;left:0px;padding:0px;width:auto;border: 1px
solid #FF0000;">sadf</div>
<div id="rightFixed" style="position:absolute;right:0px;width:200px;padding:
0px;margin: 0px;border: 1px solid #00FF00;">Some text</div>

</div>


thanks,

Howard
 
IE has been FUBAR and has more than a dozen *serious* bugs with regard to
CSS.
So pragmatically speaking, the only alternative seems to be the use of
separate stylesheets or spending weeks and months on the web seeking out
documents and learning the many arcane and goofy hacks need to trick or
force IE to play well.

Its a madhouse. A bloody madhouse.

<%= Clinton Gallagher
METROmilwaukee (sm) "A Regional Information Service"
NET csgallagher AT metromilwaukee.com
URL http://metromilwaukee.com/
URL http://clintongallagher.metromilwaukee.com/
 
what I am asking is very simple.
<table width="99%" border="1">
<tr>
<td> 1</td>
<td width="200">2</td>
</tr>
</table>

Need to rewrite this in CSS that works in both IE and FF.

Thanks
 
Back
Top