Trying to make a fluid CSS Image Banner

Discussion in 'CSS' started by pspcrazy, May 4, 2008.

0
  1. #1
    Hi I'm a beginner at doing fluid CSS or using non tabled layouts and I'm trying to figure out how to make a fluid banner that stretches as the user's browser width grows.

    I have a left image, right image, and a center image. The center image must be the one to expand, any ideas on how to do it? So far I'm at this point:

    <a href="#"><div style="float:left; width:600px;"><img src="LEFTImage Here">
</div>
<div style=" width:100%; background-image:url(MidImage Here);"></div>
<div style="float:right; width:344px;"><img src="RightImage Here">
</div></a>
    Code (markup):
    Any Help or answers would be greatly appreciated :)
     
    pspcrazy, May 4, 2008 IP
  2. ourblink

    ourblink Peon

    Messages:
    25
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <div id="header">
    <img src="images/left.jpg" alt="left" class="left" />
    <img src="images/right.jpg" alt="right" class="right" />
    </div>
     
    ourblink, May 5, 2008 IP