Hi,
I have images inside a div with this css: -
margin:15px 0 0 0;
position:relative;
border:1px solid #6B622E;
background-image:url(../images/infoback.gif);
width:100%;
text-align:center;
float:left;
The images are just loose inside the div is like this repeated however many times: -
<a href=http://www.webdeveloper.com/forum/archive/index.php/"xxx" target="_blank"><img src="/71609.gif" border="1" alt="Booby Drawing" title=" Booby Drawing " class="productimages"></a>
// productimages css is
margin:10px;
Now the problem i get is in firefox everything is nice, the images align from left to right and then go to the next line when no more can fit and it spaces them evenly.
IE however is a pain and is not. It is aligning them verticly just 1 on each row. When i then put float:left in the productimages it pushes them all over tot the left leavin me with a big gap on the right.
Any ideas on how to make it how it how it is in firefox in ie??
Thanks
k0r54Would probably need a little more information because this could be the dreaded box problem with IE... did you try adding a display: inline tag to your css... try that and see.
If not give me a little more information ie image size etc.. and maybe we can try something different.ahh, that works brill
I put it inside the productimages css
Something so simple lol
Thanks alot!
k0r54
I have images inside a div with this css: -
margin:15px 0 0 0;
position:relative;
border:1px solid #6B622E;
background-image:url(../images/infoback.gif);
width:100%;
text-align:center;
float:left;
The images are just loose inside the div is like this repeated however many times: -
<a href=http://www.webdeveloper.com/forum/archive/index.php/"xxx" target="_blank"><img src="/71609.gif" border="1" alt="Booby Drawing" title=" Booby Drawing " class="productimages"></a>
// productimages css is
margin:10px;
Now the problem i get is in firefox everything is nice, the images align from left to right and then go to the next line when no more can fit and it spaces them evenly.
IE however is a pain and is not. It is aligning them verticly just 1 on each row. When i then put float:left in the productimages it pushes them all over tot the left leavin me with a big gap on the right.
Any ideas on how to make it how it how it is in firefox in ie??
Thanks
k0r54Would probably need a little more information because this could be the dreaded box problem with IE... did you try adding a display: inline tag to your css... try that and see.
If not give me a little more information ie image size etc.. and maybe we can try something different.ahh, that works brill
I put it inside the productimages css
Something so simple lol
Thanks alot!
k0r54