Hey zusammen,
Ich versuche momentan 2 Div-Container nebeneinander zu positionieren. Mir ist bewusst, dass es zu diesem Thema schon massig Threads gibt, aber ich krieg’s irgendwie doch nicht hin.
HTML Code :
[CODE]
blablubCSS:
[CODE]body {
background-color:lightblue;
}
#header {
background-color:blue;
height:80px;
width:80%;
margin-left:auto;
margin-right:auto;
margin-top:3%;
text-align:center;
}
#content {
background: rgba(255, 255, 255, .5);
width:80%;
height: 500px;
margin:0px auto;
clear: both;
}
#bild {
float:left;
width:50%;
height:100%;
border: 1px solid black;
padding:0;
}
ul#Navigation {
margin: 0; padding: 0.8em;
text-align: center;
}
ul#Navigation li {
font-size:50px;
list-style: none;
display: inline;
margin: 0.4em; padding: 0;
border:1px solid black;
}
#text{
height:100%;
width:50%;
border:1px solid black;
float: right;
padding:0;
}[/CODE]
Die 2 div-Cotnainer die nebeneinander sein sollen heissen „bild“ und „text“. Beide befinden sich im div-Container „Content“. Ich habe das ganze versucht mit float zu lösen aber irgendwie bekomm ich’s nicht hin.
Für Ratschläge wär ich sehr dankbar (Bin noch Anfänger, geht also nicht ganz zu hart ins Gericht mit mir )