• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Inhalt überlappt sich (Neuling)

D

Display

Neues Mitglied
Hey, ich bin neu hier & generell neu was HTML & Css angeht :p
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 :/

kann da jemand helfen?

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="Homepage.css" type="text/css">
<title></title>
<meta name="author" content="Kevin Klemig">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">



                <h1> Floristik fuer jedermann</h1>

                <table>
                        <div align="center">
                        <h1 align="center">
<h1>
&nbsp; Forum &nbsp;&nbsp;&nbsp;
Tipps und Tricks &nbsp;&nbsp;&nbsp;
Bildergalerie &nbsp;&nbsp;&nbsp;
Anschrift
</h1>
</h1>
</div>

                </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>
</body>
</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;
}
 
Werbung:
Hey, ich bin neu hier & generell neu was HTML & Css angeht :p
Zum Vergrößern anklicken....

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.
 
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! :) http://www.peterkropff.de/site/html/html.htm und http://de.html.net/tutorials/html/introduction.php sind, finde ich, auch empfehlenswert.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben