Glen Garowski: ein DIV 2-mal verwenden aber mit unterschiedlicher position.

Beitrag lesen

Hallo Leute,

Ich habe mir in meiner CSS-Datei ein DIV formatiert, welches ich mehrmals in meiner html-Datei verwenden möchte.

Dieses Div soll aber immer eine andere Position haben also fällt <ul> und <li> für mich denke ich mal weg.

Jetzt meine Frage ist es dann richtig das ich in meiner CSS-Datei für dieses DIV erst eine Klasse erstelle und dann die Position immer extra als ID definiere. Oder gibt es da einen besseren Weg, da ich ja verhindern möchte das meine CSS-Datei übermäßig groß wird.

Bsp. in CSS-Datei:

.mein_div {

position: absolute;
width: 200px;
height; 200px;
border-style: solid;
border-widht: 1px;
border-color: red;
}

#mein_div_1 {

top: 10px;
left: 10px;
}

#mein_div_1 {

top: 20px;
left: 220px;
}

--------------------------------------------------------------------

Bsp. in html-datei:

<body>
<div class"mein_div" id="mein_div_1">mein erstes DIV</div>
<div class"mein_div" id="mein_div_2">mein zweites DIV</div>
</body>

Vielen Dank mfg GG