WinFuture-Forum.de: Grafik-borders Ohne Tabellen?! - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Grafik-borders Ohne Tabellen?!


#1 Mitglied ist offline   funkycoder 

  • Gruppe: aktive Mitglieder
  • Beiträge: 23
  • Beigetreten: 26. März 03
  • Reputation: 0

  geschrieben 06. September 2003 - 22:17

Hallo!

Ich versuche (bisher nur IE kompatibel, da er float falsch darstellt) ohne Tabellen einen Grafik-Rand (also mit Bildern für die Ecken und Links; Rechts; Oben; Unten) zu erstellen.

HTML-Code:

<div class="border">
<div id="top">
<div class="left" id="top"></div>
<div class="right" id="top"></div>
</div>
<div id="middle">
<div class="left" id="middle"></div>
<div class="content" id="middle"></div>
<div class="right" id="middle"></div>
</div>
<div id="bottom">
<div class="left" id="bottom"></div>
<div class="right" id="bottom"></div>
</div>
</div>

CSS-Code:

Prinzipiell so: in div.top und div.bottom werden die Bilder für oben bzw. unten mit x-repeat angezeigt, in #middle.right und #middle.left entsprechend mit y-repeat.
Die div.left und div.right werden nebeneinander angeordnet indem bei .left { width: 8px; float: left; } eingestellt wird, und .right { width: 100%; }.
Mit zwei "Spalten" funktioniert das noch (auch in Mozilla 1.5 / Opera 7), aber nicht mit drei was jedoch für die mittlere Reihe benötigt wird (da dort noch div.content hinzukommt). Im Internet-Explorer wird das zwar dargestellt aber in Mozilla / Opera siehts schlimm aus...

Wie löst man das am elegantesten, ohne Tabellen?

--pascal
0

Anzeige



#2 Mitglied ist offline   Rika 

  • Gruppe: aktive Mitglieder
  • Beiträge: 11.533
  • Beigetreten: 11. Juni 03
  • Reputation: 2
  • Geschlecht:Männlich

geschrieben 07. September 2003 - 20:57

Am elegantesten löst man sowas mit Frames. Und außerdem solltest du nach Möglichkeit versuchen, die Ecken nicht separat zu deklarieren, sondern halt entweder den horizonatelen oder vertikalen Stücken zuzuordnen.

Dieser Beitrag wurde von Rika bearbeitet: 07. September 2003 - 20:59

Konnichiwa. Manga wo shitte masu ka? Iie? Gomenne, sonoyouna koto ga tabitabi arimasu. Mangaka ojousan nihongo doujinshi desu wa 'Clamp X', 'Ayashi no Ceres', 'Card Captor Sakura', 'Tsubasa', 'Chobits', 'Sakura Taisen', 'Inuyasha' wo 'Ah! Megamisama'. Hai, mangaka gozaimashita desu ni yuujin yori.
Eingefügtes Bild
Ja, mata ne!

(For sending email please use OpenPGP encryption and signing. KeyID: 0xA0E28D18)
0

#3 Mitglied ist offline   funkycoder 

  • Gruppe: aktive Mitglieder
  • Beiträge: 23
  • Beigetreten: 26. März 03
  • Reputation: 0

geschrieben 07. September 2003 - 22:32

Frames: Kommt mir nicht so elegant vor..., ausserdem in meinem Fall unmöglich da der Container im Fließtext steht und somit höchstens IFrames in Frage kommen würden, aber da kann ich auch grad ne Tabelle verwenden... ;)

Horizontale und vertikale Stücke: geht nicht, da sich der Container (um den der Ramen sein soll) dynamisch resized...! ;)
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0