Previous Message
Next Message

Keep image at bottom of div

Sent by francky on 25 March 2006 20:08


bill scheider wrote:

>francky: 
>What happens if you place the #footer inside the #wrapper, you place the 
>shoes in the #footer with a separate <div id="shoes"> (with the 
>position-properties of the #nav), and make a #footer p { text-align: 
>center; background: black; padding: ... }, without the 80% width?
>
>Thanks again francky,
>I moved the footer back into the wrapper as you suggested and tweaked the
>position of elements. Again, this seems to display well on the browsers I
>have access to and at various resolutions. Would you take another look?
>http://www.first-encounter-design.com/biped 
>
>Thanks so much,
>Bill
>  
>
Hi Bill,
As far as html (valid, 1 warning to use an &amp; instead of a pure &. 
Easy done!) and css (unrecognized /slash-hacks): no big problems.
Visual check in my browsers (see earlier this thread): almost perfect, 2 
things for finetuning to notice:

1.
At a resolution of 1280x1024, and in FF the font enlarged 1 step: 
there's appearing a small line at the bottom of the footer in the colors 
of the #wrapper. See screenshot 
<http://home.tiscali.nl/developerscorner/css-discuss/images/biped-line.gif>.
My FF-Webdevelopers CSS-Edit tool says, that a #footer {font-size: 
..7em;} instead of { font-size: 11px; ) will solve this. I suppose no 
harm for IE and others.

2.
And an OffTopic one. The shoes have some rests of copy/paste around (too 
light pixels on some points of the contour). To give the image the same 
quality as the rest of the page, a bit shoe-brush can be applicated. 
Image as is 
<http://home.tiscali.nl/developerscorner/css-discuss/images/shoes2.jpg>, 
and with some shoe-brush 
<http://home.tiscali.nl/developerscorner/css-discuss/images/shoes2-nw.jpg>. 
(7.5 min. PSP)  ;-)

That's it,
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: