nicht angemeldet
ich habe folgende Seite:
<html>
<head>
<div id="menue">
<div style="text-align: center;"><a href="bla.html" onmouseover="button1.src='bilder/menue/menue1.jpg';" onmouseout="button1.src='bilder/menue/menue1_in.jpg';"> <img src="bilder/menue/menue1_in.jpg" style="border: 0px solid ; width: 96px; height: 58px;" alt="" name="button1" border="0"><br>Erstens!!<br></a>
</div>
</div>
<style type="text/css">
body { background-repeat: no-repeat; background-attachment: fixed; background-image: url('bilder/hintergrund.gif'); background-position: center »» }
</style>
<div style="text-align: center;">
<div id="inhalt">
<div id="topkurz">
<h3>Herzlich Willkommen!</h3>
</div>
Dieses heillose, sich an keinen HTML-Standard haltende Chaos möchtest du erstmal umweltgerecht entsorgen und neu schreiben.
Dass du umständlich unnötig <div id="topkurz"><h3>Herzlich Willkommen!</h3></div> schreibst anstatt einfach <h3 id="topkurz">Herzlich Willkommen!</h3>, die <hn>-Elemente keine sinnvolle Reihenfolge haben, das Menü mit <br>-Text aufbaust statt mit <ul> wäre ja noch zähneknirschend hinzunehmen. Aber <head> nicht abzuschließen und mitten im (nicht deklarierten) <body>-Bereich einen <style>-Block fallen zu lassen - ein Hoch auf die Browserhersteller, dass sowas überhaupt angezeigt wird.
> Wenn ich mir die Seite im Firefox angucke und die Grösse des Fensters verkleinere stösst der Container irgendwann auf das Menü auf der linken Seite, und schiebt sich hinter die Menügrafik und den Text unter der Grafik.
Gib dem Container einen Innen- (padding) oder Außenabstand (margin) in der Breite des Menüs.