hey ihr,
bin schon länger am tüfteln wie das gehen soll.
Habe ein div als Container der wiederum im inhalt drei div beinhaltet
die div im inhalt sollen einer ganz links einer ganz rechts und der andere mittig sein.
wie geht das ?
html--code
css
hoffe doch mal jemand hat einen tipp oder ne idee
mfg
kismet
bin schon länger am tüfteln wie das gehen soll.
Habe ein div als Container der wiederum im inhalt drei div beinhaltet
die div im inhalt sollen einer ganz links einer ganz rechts und der andere mittig sein.
wie geht das ?
html--code
Code:
<div class="ContainerPictures">
<div class="Content">
<div class="Picture">
</div>
<h4>Station N2</h4>
<h4 class="normal">Bürgerhospital</h4>
</div>
<div class="Content">
<div class="Picture">
</div>
</div>
<div class="Content">
<div class="Picture">
</div>
</div>
</div>
css
Code:
/* 3er-Bild Container*/
.ContainerPictures
{
float:left;
width: 550px;
height: 164px;
border-bottom: solid 1px #BBB4A1;
padding-left: 0px;
padding-right: 0px;
padding-left: auto;
}
/* Item Container */
.ContainerPictures .Content
{
float:left;
display: inline;
width: 157px;
height: 164px;
padding-left: 0px;
padding-right: 0px;
}
/*Picture in Item*/
.Picture
{
margin: 14px 0px 0px 0px;
float:left;
width: 157px;
height: 105px;
background-color: Blue;
}
/* h4 - Schriftformatierung */
.ContainerPictures .Content h4
{
display: inline;
width: 152px;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 0px;
text-align: left;
float:left;
font-family: Arial;
font-size: 10px;
}
/*h4 - normale schrift */
.ContainerPictures .Content h4.normal
{
margin-top: 0px;
font-weight: normal;
}
hoffe doch mal jemand hat einen tipp oder ne idee
mfg
kismet