Reiche Zahnarztgattin
immer diese floats...
machen nur probleme
zum problem:
ich habe drei divs nebeneinander. namentlich:
navigation_l --> auf der linken seite
navigation_mitte --> mittig
navigation_r --> auf der rechten seite
die Grafiken darin habe ich nun ganz einfach mit A, B und C bezeichnet.
wobei A und C die gleichen abmessungen haben und B (=Mitte) sich einfach solang wiederholen soll bis C erreicht ist.
so siehts aus:
aber so solls richtig sein:
CSS:
zum css:
wie gesagt da sich die größe von der mitte dynamisch anpassen soll /bzw. der wrapper dynamisch 80% als wert in der breite hat (ich also diesen wert nicht weis), hat der navigation_mitte div keine breitenangabe.
HTML:
machen nur probleme
zum problem:
ich habe drei divs nebeneinander. namentlich:
navigation_l --> auf der linken seite
navigation_mitte --> mittig
navigation_r --> auf der rechten seite
die Grafiken darin habe ich nun ganz einfach mit A, B und C bezeichnet.
wobei A und C die gleichen abmessungen haben und B (=Mitte) sich einfach solang wiederholen soll bis C erreicht ist.
so siehts aus:
aber so solls richtig sein:
CSS:
HTML:
#wrapper {
width: 80%;
margin: 0 auto;
border: 1px solid black;
}
#navigation {
margin-top: 50px;
border: 1px solid green;
}
#navigation_l {
background:url(l.png) #000;
width: 170px;
height: 170px;
border: 1px solid red;
float: left;
}
#navigation_mitte {
background:url(mitte.gif);
border: 1px solid red;
height: 170px;
float: both;
}
#navigation_r {
background:url(r.png) #000;
width:170px;
height: 170px;
border: 1px solid red;
float: right;
}
wie gesagt da sich die größe von der mitte dynamisch anpassen soll /bzw. der wrapper dynamisch 80% als wert in der breite hat (ich also diesen wert nicht weis), hat der navigation_mitte div keine breitenangabe.
HTML:
HTML:
<body>
<div id="wrapper">
<p>hier der wrapper</p>
<div id="navigation">
<div id="navigation_l"></div>
<div id="navigation_mitte"></div>
<div id="navigation_r"></div>
</div>
</div>
</body>