Robert Lane wrote:
> I had this page setup with a flow around the page photo.... example
> here: http://tinyurl.com/28fjs4
>
> In the footer I have a p.addr block that I want centered and up closer
> to the top of the footer rectangle. I put a border around it so you can
> see. But even bigger problems when I cut the text down and tried to
> make the footer div butt up against the bottom of the main content div.
> Now the first line is indented and the second line centers. The image
> is floated and it is almost like it is flowing down and disrupting the
> footer.
>
> Here is the page: http://tinyurl.com/yp3qj2
>
> Any ideas on what is goofing me up here?
>
>
Not really. But try :-) :
Add to keep the em sized fonts from going goofy in IE w/ text scaling
(it's an IE bug).
html { font-size: 100%;}
Add float right to this selector to enclose the bottom paragraph:
#main_box { float: right; }
Revise the footer selector--- clear the float in the footer, delete the
height, you don't need pos relative, or the padding-- it is zero by
default ):
#footer{
clear: both;
/*padding: 0;*/
/*height: 143px;*/
/*position: relative;*/}
No ap needed and ad the padding margin stuff:
div#footer_tag { margin-top: 50px; padding-bottom: 3px;/*position:
absolute; bottom: 2px;*/}
There may be more. I forget. But this will get it started.
Quick checked local ie 6&7 and ff.
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/