2 Div Container nebeneinander

html.de-Forum HTML, XHTML & CSS
1

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]

blablub
[/CODE]

CSS:

[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 :slight_smile: (Bin noch Anfänger, geht also nicht ganz zu hart ins Gericht mit mir :wink: )

2

Hallo.

Die Breite von #bild und #text beträgt zusammengerechnet mehr als 100%.
Ändere das mal und versuche ob es dann klappt.

Gruss
Elroy

3

… und setze die ids in Anführungsstriche.

4

es würde sogar reichen, wenn du nur eine breitenangabe machst. der andere div passt sich von selbst an