Column doesn't float right in IE

[pcunix]

I've banged my head on this long enough..

http://aplawrence.com/index.html

In Firefox, Safari, Opera and everything else I've tried, this page displays as I intend it to: the column that begins with "More articles in..." is to the right of the main page body.

Sometimes it's there with IE too - I think if you Refresh a few times, it finally moves there. But usually it can be found at the bottom of the page.

Is this just me doing this wrong?

Tony Lawrence
Linux/Unix/Mac OS X Resources

http://aplawrence.com

 

[LFI]

Do you need a position:absolute; statement in #callouts div in slate.css? Not sure if just having the float:right implies position:absolute.

Shootin' in the dark here. Good luck!

--Dave

 

[pcunix]

Nope, that doesn't seem to help..

Tony Lawrence
Linux/Unix/Mac OS X Resources

http://aplawrence.com

 

[LFI]

This works for me to some degree of effectiveness, but it overlaps with some text half-way down the page. In slate.css:

#callouts
{
[b] position:absolute;
 right:0%;
 top: 2%;[/b]
 float: right;
 width: 170px;
 margin: 1em 0 0 0;
}

'best I could do.

Good luck.

--Dave

 

[pcunix]

Yeah, that doesn't turn out so well

Should I just start over and rewrite this whole page?

Tony Lawrence
Linux/Unix/Mac OS X Resources

http://aplawrence.com

 

[LFI]

Maybe.

Do a Google search on "CSS three column". There's a lot of helpful hints out there for doing what it looks like you're trying to do.

Good luck!

--Dave

 

[pcunix]

I give up

For now, I've gone to tables.

The old css page is at

http://aplawrence.com/oldindex.html

if anyone has any sudden idea

Tony Lawrence
Linux/Unix/Mac OS X Resources

http://aplawrence.com