karuso
Captain
- Registriert
- Juni 2001
- Beiträge
- 4.071
da ich mal ohne tabelle auskommen wollte versuche ich etwas ähnliches über div tags mit css.
dabei soll eine liste erstellt werden die pro zeile(li) 3 blöcke nebeneinander hat.
das mit der liste funktioniert auch schon so wie es soll, nur werden die blöcke untereinander aufgelistet. wenn ich nun mit absolute die position bestimme werden alle immer ganz nach oben geschoben, bei relative sind se verschoben.
html:
css:
wie müsste ich das ganze ändern damit es funktioniert(falls es geht)
sollte dann so ausgerichtet sein:
zeile1 ID - Sensor - Status
zeile2 ID - Sensor - Status...
dabei soll eine liste erstellt werden die pro zeile(li) 3 blöcke nebeneinander hat.
das mit der liste funktioniert auch schon so wie es soll, nur werden die blöcke untereinander aufgelistet. wenn ich nun mit absolute die position bestimme werden alle immer ganz nach oben geschoben, bei relative sind se verschoben.
html:
Code:
<div id="tabelle">
anderes zeugs
<div id="liste">
<ul>
<li>
<div id="listenheader">
<div id="listpart1">
ID
</div>
<div id="listpart2">
Sensor
</div>
<div id="listpart3">
Status
</div>
</div>
</li>
<ul>
</div>
</div>
css:
Code:
#tabelle liste {
position: absolute;
top: 15px;
left: 5px;
width: 700px;
background: #ff00ff;
}
#liste ul {
margin: 0px 0px 0px 28px;
padding: 0px;
width: 200px;
}
#liste li {
display: block;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #D2C598;
}
#listpart1 {
position: relative;
left: 5px;
top: 1px;
width: 20px;
background: #98bc9d;
}
#listpart2 {
position: relative;
left: 30px;
top: 1px;
width: 135px;
}
#listpart3 {
position: relative;
left: 170px;
top: 1px;
width: 30px;
}
sollte dann so ausgerichtet sein:
zeile1 ID - Sensor - Status
zeile2 ID - Sensor - Status...
Zuletzt bearbeitet: