Re: Image alignment Problem

Jakob,

You specify your images to 'float' to the left by using the 'align'
attribute.  However, there isn't enough text associated with each image to
completely wrap around them.  So any content that follows, continues to wrap
around the image until it clears.  In your case, it doesn't clear before you
specify the next image to float to the left.  This creates 'nested' floats
and gives you the stepping appearance you are seeing.  In these instances
you need to specify a break tag with the attribute 'clear'.  The value of
'clear' will be the margin you want any content that follows to align with.
In your case I'm assuming you would want <.br clear="left"> (without the
period of course).  You need to place this just before your next heading.
It sounds like your former display was wrapping your content and therefore
masking the problem.  In other words, it was there all along, but your setup
was hiding it from you.  I can't explain why it showed up on your new
monitor since you say you are also running it at the same resolution.

hth,
Steve

> On my former 15" monitor at a resolution at 800x600 dpi everything
> displayed fine. On the 17" monitor at the same resolution the display
> more or less different. It looks like this:
>
> +------+
> |Img 1 |
> |      |
> |      |
> |      |Heading L2 Two
> +------+
> +----------------+<Text>
> |Img 2           |
> |                |
> |                |
> |                |</Text>
> |                |
> +----------------+Heading L2 Three
>
> The URL is http://www.bank-ic.de/en/gerat/ndu.en.6.html
> The display problem is independent from the browser used (NC, IE and
> Opera) and independent whether the page is load within the frame or not
> and the sourcecode looks fine.
>
> My questions:
> Does anyone know, what am I doing wrong or is it something far
> obviously??

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA