CSS Help

10 Dec 2005 9:48 AM

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

10 Dec 2005 5:18 PM

clintonG

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/

Show quote

"Howard" <howdy0***@yahoo.com> wrote in message
news:ezJ2W7W$FHA.532@TK2MSFTNGP15.phx.gbl...
> 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
>

10 Dec 2005 6:18 PM

Howard

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

Show quote

"clintonG" <csgallag***@REMOVETHISTEXTmetromilwaukee.com> wrote in message
news:%23jbBA3a$FHA.1032@TK2MSFTNGP11.phx.gbl...
> 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/
>
>
> "Howard" <howdy0***@yahoo.com> wrote in message
> news:ezJ2W7W$FHA.532@TK2MSFTNGP15.phx.gbl...
>> 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
>>
>
>