0

Hi,

I have code below and want to modify it in order to place all the images to the edges of div. The problem is, I cannot align bottom images correctly however top edge images are fine. It should be cross browser compatible though.

Thanks in advance

<style>
#imgleftttop{ float: left; vertical-align: top; }
#imgrighttop{ float: right; vertical-align: top; }
#imgleftbottom{ ??????????? }
#imgrightbottom{ ??????????? }
</style>

<div style="width: 300px; height: 300px;">
   <img id="imglefttop" src="block_top_left_edge.png" />
   <img id="imgrighttop" src="block_top_right_edge.png" />
   <img id="imgleftbottom" src="block_bottom_left_edge.png" />
   <img id="imgrightbottom" src="block_bottom_right_edge.png" />
</div>

Edited by veledrom: .

4
Contributors
4
Replies
5
Views
5 Years
Discussion Span
Last Post by richardtj
0

You may have to use javascript to grab the size of the viewing window if that's where your dynamic height and width are coming from.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.