Stefan Kristensen skrev:
>elementer på siden. Da alle de overordnede div'er skal have de samme
>egenskaber, er det vel naturligt at give dem den samme klasse?
Hvis de skal have præcis samme egenskaber, skal de også have
samme navn. Hvis de skal have forskellige egenskaber, skal de
have forskellige navne.
Det er nok din brug af # og id der har ført dig på vildspor, for
id skal være unik. Det skal en klasse ikke.
>Div 2 skal så indeholde to grupper ved siden af hinanden Om de to grupper så
>skal have en seperat klasse eller bare formateres efter id er måske en
>smagssag?
[1]
Det kommer an på hvad du kalder smagssag. Meget kan bringes til
at virke og validere, men hvis du vil gøre det sp nemt som muligt
at overskue koden, samler du ens elementer i en klasse.
>Når nu div1, 2 og 5 skal have de samme egenskaber, er det vel naturligt at
>de har den samme klasse?
.... men unaturligt at de hedder noget forskelligt.
>
>> .divtest1 {
>> det særlige ved 1'eren;
>> }
>Igen: Er det ikke en smagssag om man bruge klasse eller id?
Nej - [1].
>> Fordi de må pænt følge efter de floatede elementer, in casu div3
>> og div4.
>Jamen div3 og div4 ligger jo i div2, der har clear: both;?
Ja, og derfor clearer 2'eren også alt hvad der kommer før den -
men ikke det der kommer efter.
Væn dig til at lave mellemrum før {. Det er af hensyn til IE.
Her er CSS og HTML som jeg ville lave det. Så er det nemmere at
se hvilke elementer der får den samme opsætning på skærmen:
body {
background-color: #0000ff;
}
..divtest {
margin-bottom: 10px;
background-color: #ff0000;
clear: both;
}
..div34 {
float: left;
clear: none;
margin: 0 10px 0 0;
background-color: #00ff00;
}
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DIV-drillerier</title>
<link href="css\styles.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"
>
</head>
<body>
<div class="divtest">
Tekst i DIV 1
</div>
<div class="div34">
Tekst i DIV 3
</div>
<div class="div34">
Tekst i DIV4
</div>
<input type="button" value="Knap 1">
<input type="button" value="Knap 2">
<div class="divtest">
Tekst i DIV 5
</div>
</body>
</html>
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO:
http://fiduso.dk/