Thu, 2004-02-05 17:25
here is the page in question:
http://pocky.dizandat.com/shop.php/
On Safari and IE (For the PC) it looks how it should / I want it. The problem comes in to play when you load it up on IE FOR MAC.
Why will the text not line up next to the image like it does in the other browsers?
My CSS code:
.float2 {
float: left;
margin-right: 10px;
margin-bottom: 5px;
border: 1px solid #C0C0C0;
}
A Snippet of HTML code:
<div class="float2"><img src="/images/boxes/almond_crush_dark.gif"></div> <div class="subtitle">Almond Crush Cafe Au Lait</div> My Rating: <img src="/images/website/rating0.gif"> | Read My Review <br><br> <b>Description:</b> There are two layers of creme dip, chocolate-coffee on the inside, creamy milk on the outside, and crushed almond bits mixed in! There are 4 packs of 5 sticks in each box. Great Frozen!
I have been up all night with this and no one I know can figure it out!
Sat, 2004-03-06 21:45
#1
Re: Help in IE Mac... At My Wits End!
Just in case this helps floated elements in IE5.x mac MUST have a width, otherwise their width is set equal to that of the parent container. This means things that float side by side in every other browser are stacked up in IE5 mac. Give them a width (in ems, of course, otherwise the width won't expand when font size is changed) and they behave correctly. At first I was annoyed to put widths on due to effects in other browsers, but didn't turn out to be a problem.