2 Stimmen

Ich habe Probleme damit, zwei Divs nebeneinander zu platzieren

Ich weiß, dass diese Frage immer wieder beantwortet wurde, aber ich kann nichts finden, was für mich funktioniert. Ich denke, es hat etwas mit einem fehlenden display: Attribut im Inhalt oder der Seitenleiste zu tun, aber ich bin mir nicht sicher, was. Bitte werfen Sie einen Blick auf meinen Code und sehen Sie, ob Sie meinen Fehler erkennen können.

Ich entschuldige mich dafür, dass ich diese Frage stelle, auf die es sicher eine offensichtliche Antwort gibt, aber ich habe sie nicht gefunden.

Vielen Dank im Voraus

Andy

    <html>
<head>
<title>Andy's test website</title>

<style type="text/css">
html, body
{
  margin:0px;
  padding:0px;
}

p
{
  margin:0px;
  padding:0px;
}

#container
{
  margin:0 auto;
  background-color:white;
  width:760px;
  border:1px solid gray;
}
#header
{
  line-height:130%;
  border-bottom:1px solid gray;
  width:760px;
}
#content
{
  float: left;
  width:500px;
  margin-right:260px;
}
#sidebar
{
  float: right;
  width:260px;
}
#footer
{
  clear:both;
  width:760px;
}

</style>

</head>

<body>
<div id="container">

  <div id="header">
    <h1>Hello World</h1>
  </div>

  <div id="content">

    <p>
      "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
      proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
    </p>

  </div>

  <div id='sidebar'>
    <p>
      "Lorem ipsum dolor sit amet, consectetur adipisicing elit,
      sed do eiusmod tempor incididunt ut labore et dolore
      magna aliqua. Ut enim ad minim veniam,"
    </p>
  </div>

  <div id="footer">
    footer
  </div>
</div>

</body>
</html>

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X