J
Jens Lenge
I want to transfer a small table-based Layout to a CSS-based one. The task
is quite simple, just have a paragraph of text appear to the right of an
image with a fixed left margin. The result should work with as many browsers
as possible (and has to work with Internet Explorer 6).
Old version (table-based):
--------------------------------
<table>
<tr>
<td align="center" width="120"> <img src="image.jpg"> </td>
<td align="left" ... (long text paragraph here)... </td>
</tr>
</table>
My CSS approch:
--------------------
<div style="float:left; text-align:center; width:120px">
<img src="image.jpg">
</div>
<divstyle="text-align:left; margin-left:120px">
.... (long text paragraph here)...
</div>
When displayed with IE6, the text div has the correct position, it is
exactly right of the image div without any gap and has the same upper
position as the image div. The problem is that the text inside the div has a
slightly higher indent where it is *besides* the image div than it has
*below* the image div.
Is this normal or just an IE6 bug? How can I fix this (so that it works even
with IE6)?
Jens
is quite simple, just have a paragraph of text appear to the right of an
image with a fixed left margin. The result should work with as many browsers
as possible (and has to work with Internet Explorer 6).
Old version (table-based):
--------------------------------
<table>
<tr>
<td align="center" width="120"> <img src="image.jpg"> </td>
<td align="left" ... (long text paragraph here)... </td>
</tr>
</table>
My CSS approch:
--------------------
<div style="float:left; text-align:center; width:120px">
<img src="image.jpg">
</div>
<divstyle="text-align:left; margin-left:120px">
.... (long text paragraph here)...
</div>
When displayed with IE6, the text div has the correct position, it is
exactly right of the image div without any gap and has the same upper
position as the image div. The problem is that the text inside the div has a
slightly higher indent where it is *besides* the image div than it has
*below* the image div.
Is this normal or just an IE6 bug? How can I fix this (so that it works even
with IE6)?
Jens