Inhalt überlappt sich (Neuling)

html.de-Forum HTML, XHTML & CSS
1

Hey, ich bin neu hier & generell neu was HTML & Css angeht :stuck_out_tongue:
Ich möchte, dass wenn ich das fenster bewege, das alle inhalte gleich positioniert bleiben

jedoch überlappen sich einige texte wenn ich das fenster verschiebe und das format bleibt auch nicht wie es soll :confused:

kann da jemand helfen?

[HTML]

            <h1> Floristik fuer jedermann</h1>

            <table>
                    <div align="center">
                    <h1 align="center">

  Forum     Tipps und Tricks     Bildergalerie     Anschrift 

            </table>

            <div id="table1" style="position:absolute; top:27%; left:1%">

                            <ul>
                                    <li>Neuste Beitraege</li>
                                    <li>Von usern, für user</li>
                                    <li>Zuechtungen</li>
                                    <li>Wachstumszeiten</li>
                                    <li>Bedingungen</li>
                                    <li>Pflegemittel</li>
                                    <li>Schutzmittel</li>
                                    <li>Saisonzeiten</li>
                                    <li>Beudeutung</li>
                                    <li>Herkunft</li>
                                    <li>Geschichte</li>
                                    <li>Preise</li>
                            </div>


            <table style="position:absolute; top:17%; left:30%">
                    <tr>
                            <td>
                                    Neuster Beitrag:<br>
                                    Es ist Winter! Die Zeit
                                    des beisammenseins,<br>
                                    der familie und
                                    der Geschenke. Sie sind
                                    noch<br>
                                    auf der
                                    Suche
                                    nach geeigneter
                                    Dekoration?<br>
                                    Schauen sie Doch mal in unserer Galarie vorbei!<br>
                                    Zahlreiche tolle ideen Für den winter 2014<br> Die fuer eine Schoene Atmosphaere sorgen
                            </td>
                            <td>
                            <div id="Bild1"><img src="mitte.jpg">
                            </td>
                            </tr>
                            <tr>
                            <td>
                            <div id="Bild2"><img src="unten.jpg">
                            </td>
                            <td>
                            </td>
                            </tr>
                            </table>
[/HTML]

[CODE]CSS:
body{ background: #6bb746;
height:100%;
width:100%;
position:absolute;
}

h1{
font-size: 45px;
text-align: center;
color: #FFFFFF;
}

table{
color: #FFFFFF;
margin-left:auto;
margin-right:auto;
margin-top: auto;
width:100%;
position:fixed;
}
td{
font-size: 40px;
}
ul{
text-align:left;
font-size: 40px;
color: #FFFFFF;
width:100%;
position:fixed;
}
#table1{
font-size: 40px;
text-align: left;
color:#FFFFFF
width:100%;
}
div#6
{
top: 25px;
left: 46px;
}

[/CODE]

2

Hey, ich bin neu hier & generell neu was HTML & Css angeht :stuck_out_tongue:

Dann verrate doch bei der Gelegenheit, wieso du die Seite auf diese Weise erstellen willst. Orientierst du dich an einem Tutorial, das bei Google ganz oben in den Suchergebnissen stand, verwendest du dein altes Buch oder hat dir der Editor die Tags vorgeschlagen?

Um es kurz zu machen: Das ist veralteter Code aus den 90’er Jahren, und du wirst in eine Sackgasse geraten, sofern du in dem Stil weitermachst. Das fängt an beim Doctype (loose), geht weiter mit ungültigen Tags (vlink, align, …), Inline-CCSS, Tabellenlayout und position: absolute, um Elemente im Viewport festzunageln.

Stell’ die Seite erstmal zurück und besorge dir vernünftiges Lernmaterial, das sich an aktuellen Webstandards orientiert. Beispielsweise hier:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML

Oder kaufe dir ein aktuelles Buch, bzw. Videotutorial.

3

Vom Gebrauch von Tabellen kann ich ebenfalls nur abraten, da es den Quelltext praktisch in jedem Fall unnötig kompliziert macht.

An sich spricht nichts gegen HTML 4.01, nur veraltet das alles schön langsam und es wäre vielleicht zukunftsorientierter, XHTML oder sogar HTML5 zu erlenen, wenn du schonmal dabei bist.

Bestes Lernmittel sind meiner Meinung nach Bücher! :slight_smile: http://www.peterkropff.de/site/html/html.htm und http://de.html.net/tutorials/html/introduction.php sind, finde ich, auch empfehlenswert.