Hallo,
ich habe aktuell ein CSS Problem bei dem ich alleine auch nach vielen Anläufen einfach nicht weiterkomme.
Ich will auf meiner Webseite zwei Boxen nebeneinander platzieren. Das klappt einwandfrei. Nun gibt es rechts und links eine Box. In beide Boxen packe ich einen längeren Text (Artikelbeschreibung). Nun kommt das Problem.
Über beide Boxen will ich jeweils noch eine Box machen, wo der Titel der Artikelbeschreibung hineinkommen soll.
Das ist mein CSS Code:
Das hier ist der HTML Code:
Leider verschiebt sich alles komisch seit ich die zwei Titel Boxen hinzugefügt habe.
Sieht vielleicht jemand das Problem? Vielen Dank!
Beste Grüße!
ich habe aktuell ein CSS Problem bei dem ich alleine auch nach vielen Anläufen einfach nicht weiterkomme.
Ich will auf meiner Webseite zwei Boxen nebeneinander platzieren. Das klappt einwandfrei. Nun gibt es rechts und links eine Box. In beide Boxen packe ich einen längeren Text (Artikelbeschreibung). Nun kommt das Problem.
Über beide Boxen will ich jeweils noch eine Box machen, wo der Titel der Artikelbeschreibung hineinkommen soll.
Das ist mein CSS Code:
Code:
#Powder {
width: 310px;
height: 50px;
background-color: #c1a55e;
border: 2px solid #000000;
}
#Andere {
width: 310px;
height: 50px;
background-color: #ffffff;
border: 2px solid #000000;
float: right;
}
#Verkauf {
float: left;
width: 310px;
background-color: #ffffff;
border: 2px solid #000000;
margin-bottom: 18px;
padding-top:3px;
padding-left:3px;
padding-right:3px;
padding-bottom:3px
}
#Verkauf2 {
float: right;
width: 310px;
background-color: #ffffff;
border: 2px solid #000000;
margin-bottom: 18px;
padding-top:3px;
padding-left:3px;
padding-right:3px;
padding-bottom:3px
}
Das hier ist der HTML Code:
Code:
<div id="Powder">
Titel 1
</div>
<div id="Verkauf">
Artikelbeschreibung 1
</div>
<div id="Andere">
Titel 2
</div>
<div id="Verkauf2">
Artikelbeschreibung 2
</div>
Leider verschiebt sich alles komisch seit ich die zwei Titel Boxen hinzugefügt habe.
Sieht vielleicht jemand das Problem? Vielen Dank!
Beste Grüße!