Frage
von einesehrgutfrag
02.12.2013, 14:33
Mehrere Divs nebeneinander ohne Überlappen (HTML)

Hallo Zusammen

Ich würde gerne in meiner Webseite ein Div mit einem Inhalt links der Seite, sowie der Hauptinhalt in einem anderen Div rechts der Seite anzeigen lassen.

Das habe ich soweit auch hingekriegt. Jetzt kommt das Problem:

Bei Verkleinerung des Browserfensters überlappen sich die einzelnen Divs und ich möchte fragen wie man diese dazu zwingt sich nebeneinander einzureihen...

Freue mich auf Ratschläge,

Liebe Grüsse

 ...zur Frage
Antwort
von einesehrgutfrag
02.12.2013, 15:21

Für das bessere Verständis hier noch der Quelltext:

<html>
<body>
<div id="parent">
<div id="inhalt">
Inhaltsverzeichnis
</div>  
<div id="haupt">
Hauptinhalt
<div class="clear"></div>
</div>
</body>
</html>

Und hier noch die CSS:

#parent {
   width: auto;
   background-color: transparent;
   padding: 0;
   border-top:0px;
   border-bottom:0px;
   margin: 0 auto;
   }

#inhalt {

 position:fixed;
  left  : 30px;
   background-color:rgba(255,255,255,0.4);
   width: 100px;
  height:auto;
   padding-bottom:50px;
   padding-left:25px;
   padding-right:50px;
   padding-top:50px;
   margin-bottom:auto;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
   float: left;
   }

#haupt {
background-color:rgba(255,255,255,0.4);
width:700px;
height:auto;
padding-bottom:50px;
padding-left:50px;
padding-right:50px;
padding-top:50px;
margin-bottom:auto;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align: left;
align: left;
}


.clear{ clear: both; }

Liebe Grüsse

 ...zur Antwort