Eigenen Rahmen für Divs

- WebmasterWork »
- Grafik & Programmierung »
- (X)HTML & CSS & DHTML & Javascript »
- Eigenen Rahmen für Divs »

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 998

Freitag, 22. Januar 2010, 11:16

Hallo leute,

wie könnte ich am einfachsten und besten eigenen rahmen für divs festlegen?.

erste überlegung war den oberen teil des rahmens aus dem jpg rauszuschneiden, den unteren und ein stück aus der mitte. somit könnte ich ja das div variabel in der höhe machen. aber nicht in der breite.

zweite überlegung war 1 hauptdiv und in dem div dann 9 unter divs einfügen (also 1 für linke obere ecke,1für rechte obere,1 für linke untere ecke,1 für rechte untere ecke,1 für oberen rahmen teil zwischen den ecken und 1 für unteren,1einen für links und rechts zwischen den ecken und 1 in der mitte für den inhalt) ist aber ein wenig aufwändig es zu gestalten.

letzte überlegung war das ganze rahmen als jpg verwenden und feste größe angeben. aber dann wären da erstmal große bilder und zweitens sind feste größen, das was ich eigentlich vermieden wollte.

vllt kann mir jemand hier ein paar tipps geben wie ihr das umsetzen würdet.

MFG

Mein kleines Projekt
-Cruel Online-

nocturne

Kaiser

Dabei seit: 06.01.2005

Beiträge: 1 167

Freitag, 22. Januar 2010, 11:26

Ist die größe des Divs variabel?

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 998

Freitag, 22. Januar 2010, 11:33

sollte sie sein sowhol in der breite als auch in der höhe

Mein kleines Projekt
-Cruel Online-

nocturne

Kaiser

Dabei seit: 06.01.2005

Beiträge: 1 167

Freitag, 22. Januar 2010, 11:45

Sowohl "Besten" alsauch "Einfachsten" nur mit CascadeStyleSheet version 3!

http://www.w3.org/TR/css3-background/#layering

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 998

Freitag, 22. Januar 2010, 12:45

ne css3 ist nicht so toll, es gibt user die es nicht haben. ich denke ich muss das mit den 9 divs machen

da ich ja einen einfachen Rahmen habe, habe ich es so gelößt:

HTML

<head>
    <style type="text/css">
        div.border1{
            border:1px solid #010101;
        }
        div.border1 div{
            border:2px ridge #CEBE9A;
        }
        div.border1 div div{
            border:1px solid #010101;background:#846F5C;padding:10px;color:#E2EDE5;
        }
     
    </style>
</head>
<body>
    <div class="border1">
        <div>
            <div>
                test<br>
                test<br/>
            </div>
        </div>
    </div>

</body>

muss somit keine jpg bilder für rahmen benutzen. aber könnte man das irgendwie zusammen packen? so dass ich dann nur sage
<div class="border1">
mein Content
</div>
und schon sind die anderen divs quasi inbegriffen.

MFG

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (22. Januar 2010, 12:45)

nocturne

Kaiser

Dabei seit: 06.01.2005

Beiträge: 1 167

Freitag, 22. Januar 2010, 16:00

leider nein, du musst sie verschachteln.

phpcheck

unregistriert

Montag, 25. Januar 2010, 17:09

Zitat von »cccpmik«

ne css3 ist nicht so toll, es gibt user die es nicht haben.

Wie meinst du das denn, User oder browser :-P

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »phpcheck« (25. Januar 2010, 17:09)

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 998

Dienstag, 26. Januar 2010, 08:33

ich meinte schon User, denn es kommt auf den User an ob er sich nun den neuesten FF installiert oder IE6 drauflässt

Mein kleines Projekt
-Cruel Online-

Monteras

Eroberer

Dabei seit: 01.12.2009

Beiträge: 61

Dienstag, 26. Januar 2010, 11:20

also als ich angefangen habe mit css zu arbeiten hab ich sowas noch mit tabellen gemacht, halt ne tabelle erstellt die width: auf 100% gesetzt und dann den contentbereich variabel, und für topleft,top,topright,right,bottomright,... immer ne unterklasse der tabelle und dann hatte ich das am ende eigentlich rehct ordentlich, hat auch funktioniert. nur ist ja glaube ich div tags zu nehmen aktueller, weil viele der meinungen sind tabellen sind nur für tabellen da

mfg

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

Dienstag, 26. Januar 2010, 18:48

Zitat von »Monteras«

weil viele der meinungen sind tabellen sind nur für tabellen da

Ich weiss ja nicht ob du dich jemals richtig mit HTML beschäftigt hast. Aber Jedes TAG wurde mit einer bestimmten Intention entwickelt. SO ist es auch bei den Tabellen. Sie waren schon immer und sind nach wie vor dafür da um Daten Tabellarisch darzustellen. Das Sie eine zeitlang, durch Unwissenheit und Bequemlichkeit, zum optischen aufwerten einer Seite missbraucht wurden ist also keine Meinung sondern, schlicht und einfach falsch. Das wird dir jeder bestätigen, der sich halbwegs mit der Materie beschäftigt(Stichwort semantischer Code).

Zum Thema, es gibt verschiedene Wege solche Rahmen zu gestalten. Welche für dich der angenehmste ist, musst du für dich selbst festlegen. Aber wenn du mal nach "runden Ecken" googelst dann wirst du bestimmt fündig. Da werden auch versch. Divs geschachtelt um die Illusion einer Runden Ecke zu erzeugen. Wenn du das für dich abwandelst, sollte das funktionieren bzw. hast du das in deinem Bsp. ja schon umgesetzt

Gruß
Phos

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »PhosGEN« (26. Januar 2010, 18:48)

Monteras

Eroberer

Dabei seit: 01.12.2009

Beiträge: 61