Wechsel <Table> zu <Div> = Problem :) (Rahmen)

[SolCom]

mein altes Layout habe ich mit Tabelle gestaltet und möchte es nun in <Div> umschreiben.
Mein Problem ist, das ich eine Tabelle erstellt hatte die einen Rahmen besitzt :

<table border="1" width="100%" height="100%">
  <tr>
    <td>bild</td>
    <td>bg-bild</td>
    <td>bild</td>
  </tr>
  <tr>
    <td>bg-bild</td>
    <td width="100%" height="100%"> INHALT </td>
    <td>bg-bild</td>
  </tr>
  <tr>
    <td>bild</td>
    <td>bg-bild</td>
    <td>bild</td>
  </tr>
</table>

Bild=Bild für eine Ecke; bg-bild= Hintergrundbild verwendet.

Wie bekomme ich nun mit <div> so einen selbst erstellten Rahmen hin ?

für Hilfe Danke im vorraus :)

 

[ingoS]

Ich hoffe mal, dass ich dich richtig verstehe und empfehle CSS:

<div style="border: 1px solid black;">

Oder auch:

<div class="rahmen">

und dann in der CSS-Datei

.rahmen {border: 1px solid black;}

Ich glaube aber, dein Problem geht noch etwas weiter. Link zur Seite waere nicht schlecht...

Uebrigens: Schoen, dass du auch mal wieder da bist! ;Jump

 

[Prophet]

schreibe doch einfach alle divs in ein übergeordnetes rein...

 

[SolCom]

@ingoS : diesmal stehe ich aber auf der anderen Seite, ich brauche hilfe :)

ok, dann mal mit Beispiel :

die Einstellungen mit CSS (border etc.) bringen mich nicht weiter, da der Rahmen aus Bildern bestehen soll.
ein Beispiel als Tabelle hier : http://solcom.info/fallout/index2.html im Quellcode mit Kommentar gekennzeichnet
dummerweise zeigt nur IE den Rhamen richtig, wo das problem bei Firefox & Opera liegt habe ich noch nicht herausgefunden :(
das wichtigste an der tabellenkonstruktion ist das sich die Tabellengröße am Inhalt und der Fenstergröße ausrichtet.

 

[Prophet]

achso du willst mit einem div nen grafischen rahmen erzeugen...

beispiel:

<div class="border">
[img]oberer_rand.png[/img]
Ganz viel text
[img]unterer_rand.png[/img]
</div>

css:

div.border
{
background-image:url(linker_und_rechter_rand_mit_zwischenraum.png);
background-repeat:repeat-y;
margin:0px;
margin-left:10px; /*rahmen breite oder mehr links*/
margin-right:20px;/*rahmen breite oder mehr rechts*/
}

 

[SolCom]

ich habe das mal so umgesetzt. zumindest wie ich es verstanden habe :)

aber dann bleibt das Problem, das beim verkleinern des fensters die Rahmen verschwinden.

http://solcom.info/fallout/index2.html

 

[flapo]

Hilft das hier weiter?

 

[SolCom]

@ flapo: von alleine habe ich keinen Nutzen erkennen können.

habe aber mal mit CSS weiter herumexperimentiert, das beste Ergebnis (Firefox) :

http://solcom.info/fallout/index2.html

der richtige Ersatz ist das aber nicht :(

 

[Prophet]

du kannst das ganze natürlich noch mit floating divs verfeinern aber ich glaube dann wird es doch einfach eine 3x3 tabelle zu verwenden...

 

[SolCom]

geflotet habe ich schon eine ganze Menge :), habe es aber wider aufgegeben.

so wie es aussieht werde ich doch wieder zur Tabelle greifen, ist dann aber nur noch eine statt 5 wie im alten Stil.