2 replies [Last post]
123dhs321
Offline
Regular
Last seen: 19 years 8 weeks ago
Joined: 2004-01-29
Posts: 26
Points: 0

I'm floating images in my css with this css:

div.floatright
{
float: right;
width: 102px;
margin: 0px 0px 10px 10px;
background-color: #f1f1f1;
padding: 10px;
border: 1px solid #666;
}

And adding it to my page with this code:

<div class="floatright">
			<img src="images/hance.jpg" alt="" width="200" height="200">
			<strong>Whooa!</strong>
			<div style="clear:both"></div>

		</div>

The problem is that in IE6 on PC it formats the picture fine, but in Sarfari(mac) or Mozzila(pc) it pushes the pic into my subnav div on the right. It should push it left into the text.

Also in IE 5.5(mac) all of my subnav div on the right pushes down under my mainpage content div. Any suggestions would be great!!

You can see it here: http://www.raftinginoregon.com

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 11 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Problem with Foat in Safari Mac and Mozilla PC

Hi 123dhs321,
The width of your image is less then the width of the div holding it :?:
Fixing that should fix your problem.

Hope that helps

123dhs321
Offline
Regular
Last seen: 19 years 8 weeks ago
Joined: 2004-01-29
Posts: 26
Points: 0

Thanks!!

WOW what an overlook. I've been racking my brain for about a week trying to figure that out and it was so simple.

Thanks for seeing that and helping me out.

-ryan