Bravestarr: Grafiken verschieben sich

Hallo zusammen,
Ich hab folgendes Problem:
Wenn ich meinen Browser (firefox 1.5) verkleinere, dann verschieben sich die Grafiken und die ganze Seite ist ziemlich durcheinander.
Ich will nur, dass egal was man mit dem Browser-Fenster macht, sich nichts an der Seite verschiebt, sondern solche Scroll-Balken kommen...
Ich hoffe ihr könnt mir da weiterhelfen.

So sieht ungefähr die .html aus...

----------------------------------------------------------------------------------------------

<html>

<head>

<title>Homepage</title>

</head>

<body bgcolor=black lang=DE link=blue vlink=blue>

<div class=Section1><div>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img width=1000
height=300 src=head3.gif hspace=60></p>

<u1></u1>

<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=676
style='width:507.0pt;margin-left:131.55pt' vspace=0 hspace=200>
<tr>
<td style='padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><a href="home.html"><span style='text-decoration:none'><img
border=0 width=144 height=49 src="images/Leiste1_01.gif"></span></a></p>
</td>
<td style='padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><a href="1.html"><span style='text-decoration:none'><img
border=0 width=144 height=49 src="images/Leiste1_02.gif"></span></a></p>
</td>
<td style='padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><a href="2.html"><span style='text-decoration:none'><img
border=0 width=149 height=49 src="images/Leiste1_03.gif"></span></a></p>
</td>
<td style='padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><a href="3.html"><span style='text-decoration:none'><img
border=0 width=137 height=49 src="images/Leiste1_04.gif"></span></a></p>
</td>
<td style='padding:0cm 0cm 0cm 0cm'>
<p class=MsoNormal><a href="4.html"><span style='text-decoration:none'><img
border=0 width=102 height=49 src="images/Leiste1_05.gif"></span></a></p>
</td>
</tr>
</table>

</div>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel"><span style='text-decoration:none'><img
border=0 width=167 height=100 src=beispiel.gif alt=beispiel></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel2"><span style='text-decoration:none'><img
border=0 width=427 height=79 src="beispiel2.jpg" alt=beispiel2></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel3"><span style='text-decoration:none'><img
border=0 width=188 height=85 src=beispiel3.gif alt=beispiel3></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel4"><span style='text-decoration:none'><img
border=0 width=347 height=70 src=beispiel4.gif alt=beispiel4></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel5"><span style='text-decoration:none'><img
border=0 width=321 height=59 src="beispiel5.jpg"alt=beispiel5></span></a></p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel6"><span style='text-decoration:none'><img
border=0 width=301 height=71 src="beispiel6.jpg"alt=beispiel6></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel7"><span style='text-decoration:none'><img
border=0 width=213 height=100 src=beispiel7.gif alt=beispiel7></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="beispiel8"><span style='text-decoration:none'><img
border=0 width=330 height=89 src="beispiel8.jpg" alt=beispiel8></span></a></p>

</div>

</body>

</html>

----------------------------------------------------------------------------------------------

P.S. Ja, ich weiß, dass ich die ganzen &nbsp noch ersetzen muss...
Aber an denen liegts doch nich, oder?

  1. Hallo Bravestarr,

    Wenn ich meinen Browser (firefox 1.5) verkleinere, dann verschieben sich die Grafiken und die ganze Seite ist ziemlich durcheinander.
    Ich will nur, dass egal was man mit dem Browser-Fenster macht, sich nichts an der Seite verschiebt, sondern solche Scroll-Balken kommen...
    Ich hoffe ihr könnt mir da weiterhelfen.

    So sieht ungefähr die .html aus...

    Was heißt ungefähr?

    ------
    Fehlt da nicht was?

    <html>

    <body bgcolor=black lang=DE link=blue vlink=blue>

    CSS - was ist das?

    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img width=1000
    height=300 src=head3.gif hspace=60></p>

    Wirklich noch nix von CSS gehört.

    <u1></u1>

    u1, was soll das sein? Meinst du vielleicht ul? Aber auch das wäre ohne Inhalt nicht sehr sinnvoll.

    <table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=676
    style='width:507.0pt;margin-left:131.55pt' vspace=0 hspace=200>

    Es reicht. Diesen Quälcode les ich mir nicht noch weiter durch.

    Fazit: Frontpage ist scheiße. (Oder hast du das sogar mit Word gemacht?)

    Dass die Seite so unflexibel ist, liegt am Tabellenlayout.
    Lern CSS, schreib deine Seiten selber.

    Viele Grüße aus Freiburg,
    Marian

    --
    Microsoft broke Volkswagen's world record: Volkswagen only made 22 million bugs!
    <!--[if IE]><meta http-equiv="refresh" content="0; URL=http://www.getfirefox.com"><[endif]-->
    Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) n4:( ss:) de:] js:| ch:? mo:} zu:)