Typical doesn't work in fireworks, works in IE problem...
Anyways, here are the screenshots:
http://i34.tinypic.com/amtqj4.jpg
Firefox on the left, IE7 on the right.
The problem is the floating image. I know this because when I delete it, it formats fine. Here's the code.
CSS for the image
Code:
.leftimage {
float:left;
padding: 20px;
}
HTML for the image
Code:
<img src="http://www.webmaster-talk.com/images/view1.jpg" alt="View 1" width="189" height="220" class="leftimage" />
CSS for the text beside the image.
Code:
#textaddress {
position:relative;
width:274px;
height:260px;
margin-top: 16px;
}
Beside the image there is the class #address with 5 floating peices of text inside it because I have no idea how to organize text without using tables, but it works so whatever.
I am new to CSS but understand it mostly. Tell me if you need more code (or full code). Thanks.
|