divs wie in Tabelle postionieren

Greg10

also, ich möchte ein paar divs wie folgt postionieren:
x steht für eine div | dient als abgrenzungh zwischen divs
<--232px--> <--rest der Seite-->
x|xxxxxxx|x|x|xxxxxxxxxxxxx|x
x|xxxxxxx|x|x|xxxxxxxxxxxxx|x
x|xxxxxxx|x|x|xxxxxxxxxxxxx|x
oder als tabellen code:

Code

<table>
<tr>
<td width="200px">
<div></div><div></div><div></div>
</td>
</tr>
<tr>
<td>
<div></div><div></div><div></div>
</td>
</tr>
<tr>
<td width="200px">
<div></div><div></div><div></div>
</td>
</tr>
<tr>
<td>
<div></div><div></div><div></div>
</td>
</tr>
<tr>
<td width="200px">
<div></div><div></div><div></div>
</td>
</tr>
<tr>
<td>
<div></div><div></div><div></div>
</td>
</tr>
</table>
also wie in 'ner Tabelle nur halt ohne gerade genanntes und auch bitte keine frames!
geht diese Anordnung nur mit CSS und HTML überhaupt?


 :help-s:

Alles anzeigen

K.Y.L.T.

Darf man fraqgen, warum du 24 Div nebeneinander haben möchtest?
das kannst du nur mit html, sauberer aber mit css schreiben, aber vielleicht missverstehe ich dich ja. ist das ernst gemeint mit den 24 Div nebeneinander?

driver

a) is das eine reine divsuppe und schaut ziemlcih schelcht programmiert aus

b) kein plan was du anstellen willst. aber mit css kann man so ziemlich alles ausrichten...

Greg10

nein nicht jedes x ein Div, ein div is:
|so viele x bisses im post gut ausschaut |
also 6 div nebeneinander.
Sinn:
Navi und text mit grafischem Rand
Da ich keine möglichkeit kenne den Rand direkt im Css oder html grafisch anzugegeben muss ich mir mit einzelnen divs für den Rand behelfen.

driver "divsuppe"

sejuma

Ich verstehe auch nicht wirklich, was du da willst.
Sollen zwei div's nebeneinander sein, dann geht das z.B. so:

Code

<div style="float: left; width: 232px; background: red;">Linker div</div>
<div style="margin-left: 240px; background: green;">rechter div</div>

Wenn du wirklich nur etwas strukturieren willst, z.B. eine Übersicht, wo links "Termin" und rechts "Ereignis" steht, dann ist für so was die Tabelle nach wie vor geeignet.

Greg10

naja, ich habs mit ner tabelle probiert und solange der Rand in der Tabelle an war hat auch alles ganz schön gklappt als ich ihn aber ausschalten wolte, wurden die divs zwischen den Rändern und die oberen Ränder nicht mehr angezeigt.
also anstatt
x|x|x|x|x|x
x|x|x|x|x|x
x|x|x|x|x|x

x|x|x
x|x|x
x|x|x
danke ich versuch s gleich ma lmit margin.
Edit:
"// zu langsam -.-"?

Greg10

Okay ich mach jetz' doch wieder Tabelle, hier is' dann mein code:

HTML

<html>
<body>
<table width="60%" cellspacing="0" cellpadding="0" border="0" height="100%" style="margin:0;padding:0;" rules="none">
<tr>
<td style="background-image:url(pics/lo.png);background-repeat:no-repeat;height:16px;width:16px;" width="16px" height="16px"></td>
<td style="background-image:url(pics/br_22.png);background-repeat:repeat-x;height:16px;width:200px;" height="16px"></td>
<td style="background-image:url(pics/mo.png);background-repeat:no-repeat;width:16px;height:16px;" width="16px" height="16px"></td>
<td style="background-image:url(pics/br_22.png);background-repeat:repeat-x;height:16px;" height="16px"></td>
<td style="background-image:url(pics/ro.png);background-repeat:no-repeat;width:16px;height:16px;" width="16px" height="16px"></td>
</tr>
<tr>
<td style="background-image:url(pics/br_2.png);background-repeat:repeat-y;width:16px;" width="16px"></td>
<td style="background-image:url(pics/bg_2.png);width:200px;" width="200px"></td>
<td style="background-image:url(pics/br_2.png);background-repeat:repeat-y;width:16px;" width="16px"></td>
<td style="background-image:url(pics/bg_2.png);"></td>
<td style="background-image:url(pics/br_2.png);background-repeat:repeat-y;width:16px;" width="16px"></td>
</tr>
<tr>
<td style="background-image:url(pics/lu.png);background-repeat:no-repeat;width:16px;height:16px;" width="16px" height="16px"></td>
<td style="background-image:url(pics/br_22.png);background-repeat:repeat-x;height:16px;width:200px;" height="16px" width="200px"></td>
<td style="background-image:url(pics/mu.png);background-repeat:no-repeat;width:16px;height:16px;" width="16px" height="16px"></td>
<td style="background-image:url(pics/br_22.png);background-repeat:repeat-x;height:16px;" height="16px"></td>
<td style="background-image:url(pics/ru.png);background-repeat:no-repeat;width:16px;height:16px;" width="16px" height="16px"></td>
</tr>
</table>
</body>
</html>

Alles anzeigen

Nachteil sieht irgendwie nich' so aus wie ich's wollte...(screeny)
Hat einer 'ne Ahnung warum

driver

wir wissen ja nichtmal wies richtig aussehen soll...
hast netmal n fertiges bild vom design ?

Greg10

Okay im Anhang ein Bild mit Rand, so soll's aussehen nur das die Schwarzen Striche an den Eckpunkten vom Rand nerven.

divs wie in Tabelle postionieren

Tags

Benutzer online in diesem Thema