hi everybody
i made a footer:
<div id="footer">
<div id="bottom-image" align="center">
<table>
<tr>
<td>
<a href="news.htm"><img
src="images/news-bottom.gif" height="37"
alt="" /></a>
</td>
<td>
<a href="music.htm"><img
src="images/music-bottom.gif" height="37"
alt="" /></a>
</td>
<td>
<a href="things.htm"><img
src="images/things-bottom.gif"
height="37" alt="" /></a>
</td>
<td>
<i id="what"><a href="about.htm"><img
src="images/what.gif"
height="37" alt="" /></a></i>
</td>
</tr>
</table>
</div>
</div>
with css:
/* footer
-----------------------------------------------
*/
#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 55px;
background: url(images/tlo-bottom.jpg) repeat-x left bottom;
}
#bottom-image {
padding-top: 10px;
}
#what {
position: absolute;
right: 10px;
bottom: 2px;
}
and it works: http://www.tomojacobson.art.pl/strona/things.htm
BUT...
what i wanted to achieve is that the NEWS, MUSIC and THINGS in the
footer are exactly in the middle, and the QUESTION MARK is on the
right. what i did with the code does the trick, but absolute position
of the QUESTION MARK causes problem when u resize the browser window
to a small one. then QUESTION MARK goes over the THINGS.
i would like it to be in the same table so if u resize it to a small
one then u just can't see them all and u have to scroll left or right
(just as it is with NEWS, MUSIC and THINGS when u resize the window to
a small one), and they don't come over each other. and in the same
time, so NEWS, MUSIC and THINGS exactly in the middle of the footer,
and the QUESTION MARK is on the right.
how to do it?? any ideas?
thanks
--------
Tomo
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
