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

(HTML Anfänger) HTML/CSS plötzlich durcheinander

marco00011

Neues Mitglied
Hallo Leute,

habe folgendes Problem:

Als ich vorhin an meiner Website weiter basteln wollte (ist meine erste; bringe mir die Themen seit ca. 4 Nächten selber bei),
ist mir plötzlich alles verkehrt angezeigt worden, sprich der Text aus dem eigentlichen Inhalt, der mit <div id="inhalte"> Befehlen festgelegt und vorher auch in <style> definiert wurde,
wurde mir in dem Bereich angezeigt, den ich eigentlich meiner Navigation zugeschrieben habe.
Das komische dabei ist jetzt, dass ich nichts geändert habe, sondern lediglich die htm Datei in Chrome geöffnet.

Weiß jemand mir zu helfen?


Mfg Marco


vorher: endlich-mittig.jpg nachher: verdammt.jpg


htm code:

<!DOCTYPE html>
<html lang="de">
<head>


<title>Soft-Repair.de - Service rund ums Smartphone</title>


<style type="text/css">




<!--
body {
font-family:arial;
font-size:17px;
}




#seitenbereich {
text-align:left;
margin: 0 auto;
width:851px;
}


#navi {
float:left;
background-color:#6d8fbd;
width:150px;
margin-top:14px;
}

#inhalte {
background-color:silver;
width:530px;
height:40px;
margin-left:200px;
padding-left:20px;
}


-->
</style>
</head>


<body>


<div id="seitenbereich">


<a href="index.htm"> <img src="header2moritz.png" border="1" width="851" height="315"
alt="Soft-Repair.de - Service rund ums Smartphone" /> </a>


<hr />

<div id="navi">
<ul> <li> <a href="index.htm">Startseite</a> </li>
<li> <a href="samsung.htm>Samsung</a> </li>
<li>Apple</li>
<li>LG Mobile</li>
<li>Motorola</li>
<li>Ablauf einer Reparatur</li>
<li>FAQ</li>
<li>Kontakt</li>
<li>Wir über uns</li>
<li>Impressum</li>
</ul>
</div>

<div id="inhalte">
<h1>Willkommen bei Soft-Repair.de</h1>
<p>Macht Ihr Smartphone Probleme? Ist es langsamer als sonst oder weist Fehlfunktionen
in Software und Hardware auf? Konventionelle Reparaturdienstleister sind Ihnen zu teuer,
dauern meist zu lange und ihre Herstellergarantie ist bereits abgelaufen?</p>
<p>Kein Problem wenden Sie sich mit ihrem Problem einfach an uns. Kompetent, zuverlässig
und mit 3 Jahren praktischer Erfahrung kümmern wir uns schnell und günstig um ihr Smartphone.</p>

<p>Im Moment wird eine Vielzahl an Herstellern unterstützt, darunter <b>APPLE</b>,
<b>SAMSUNG</b>, <b>LG MOBILE</b>, und <b>MOTOROLA</b>. Zudem besteht die Möglichkeit, dass
hier nicht aufgeführte Geräte ebenfalls unterstützt werden. Schreiben Sie uns einfach eine
Email mit ihrem Problem und wir werden umgehend beurteilen, ob und inwiefern wir Ihnen
helfen können.</p>
<hr />
</div>


</div>
</body>
</html>
 
hallö hier,

also war es die hand gottes. auch bei dir?

als erstes wen Hilfe möchtest bei html oder javascript oder css, zeige ein link und wen Code postest, es gibt Code tags, fraß wir das einfacher lesen können.

zu deiner frage, wer floatet muss auch clearen.
würde ich tippen beim uberfliegen deines Code.

cheffchen
 
Danke erstmal, die Lösung mit clear hat geholfen im div-tag.
Habe des Weiteren noch einige Fehler bei den Links in der Liste gefunden.

Werde nächstes mal die code tags benutzen, sry, war gestern nur etwas aufgeregt und wollte so schnell wie möglich eine Lösung.

mfg Marco
 
Zuletzt bearbeitet:
Zurück
Oben