Zeilenumbrüche/text und Bilder ausrichten

[OliS]

Hallo!

Ich programmiere grad meine erste HP und hab dabei gleich mehrere Probleme...

1. Die Zeilenumbrüche, die ich im Notepad-Editor habe, werden im Browser (IE 6.0) übernommen. Wenn ich einen Zeilenumbruch im Editor habe (um den Quelltext übersichtlich zu gestalten), erscheint es im Browser so, als wenn ich das <br> tag verwendet hab.

2.Ich möchte ein Bild integrieren. Dieses soll rechts im Browser angezeigt werden, bündig mit dem Oberrand des Bildes soll der Text beginnen und ggf. unter dem Bild über die ganze Breite des Bildschirms laufen.
Hier der Quelltext:

<table width="100%">
<tr><td><p style="font-size:12pt">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxa<br>
aaaaaaaaaiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaiiiiiiiiiiiiiaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxx<br>
xxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxx<br>
aaaaaaaaaaaaaiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaiiiiiiiiiiiia<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
xxxxxxxxxxaiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxaaaaiiiiiiii<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxx<br>
xaaaaiiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</td><td><img src="blabla.jpg" width="225" height="311" alt=""></td>
</tr>
</table>

Trotz des <tabele width="100%" tags ist das Browserfenster immer so breit, wie es die längste Textzeile plus die breite des Bildes erfordert.
Angeblich soll es so aber möglich sein, dass der Text automatisch so umbricht, dass ich nicht scrollen muss.

Wie im Quelltext zu sehen, hab ich jetzt erstmal den <br> tag verwendet. Bei 800x600 ist das auch OK, aber bei höherer Auflösung entstehen grosse Freiflächen.
Das muss doch besser möglich sein?

Noch ein Problem: Obwohl ich für den Text den tag <td valign="top" verwendet habe, beginnt er etwas zu tief - halt nicht bündig mit der Oberkante des Bildes. Warum?

Schon mal vielen Dank für eventuelle Antworten!

Gruß, Oli