---

På siden http://www.woer.dk/kortkursus.asp?id=1 har jeg bøvl med den sidste
blok hvor lærerne skal præsenteres.

Dels ser det forskelligt ud i IE og firefox - dels vil teksten ikke være ved
siden af billedet i FF. Nedenfor er kode + css styles. Er der nogen der kan
hjælpe mig?

<% strSQL = "Select * From q_kortkursusunderviser Where IDkursus = " &
Request.Querystring("ID")
Set rs = Conn.Execute(strSQL)%>
<%
while not rs.eof
%>

<%response.write " <div class='personalecontainer img'>" & "<img src =
'billeder/" & rs("jpg") & "'" & "<div class='personaletxt'>" &
rs("Underviser")& "<br/>" & rs("Kortbeskrivelse") & "</div>" & "<div
class='clear'>" & "</div>" & "</div>"
%>


<% RS.MOVENEXT
WEND
RS.CLOSE
SET RS=NOTHING%>

</div>
CSS:
..billede1 {
float: left;
width: 110px;

}
..personalecontainer img{
background-color: #0000CC;
float: left;
text-align: left;
margin-right: 5px;
margin-bottom: 10px;
}
..personaletxt {
background-color: #99FF00;
margin-left: 5px;
float: left;
text-align: left;

}.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Skjul for IE-mac \*/
/* html */.clearfix {
height: 1%;
}
..clear {
clear: both;

---

Henrik Woer skrev:

> Dels ser det forskelligt ud i IE og firefox

Prøv først at rette op på valideringsfejlene, det er
den største chance for at det bliver vist ensartet i
forskellige browsere:

http://validator.w3.org/check?uri=http%3A%2F%2Fwoer.dk%2Fkortkursus.asp%3Fid%3D1&ss=1&outline=1

--
Allan Vebel
http://html-faq.dk
http://vebel.dk

---

On Fri, 22 Aug 2008 11:34:11 +0200, "Henrik Woer" <henrik@xpwoer.dk>
wrote:

>På siden http://www.woer.dk/kortkursus.asp?id=1 har jeg bøvl med den sidste
>blok hvor lærerne skal præsenteres.
<snip>

Der er i hvert fald noget CSS, som ser ulogisk ud:
> <%response.write " <div class='personalecontainer img'>" & "<img src =
>'billeder/" & rs("jpg") & "'" & "<div class='personaletxt'>" &
>rs("Underviser")& "<br/>" & rs("Kortbeskrivelse") & "</div>" & "<div
>class='clear'>" & "</div>" & "</div>"
>%>

Din yderste div opgives til at skulle opfylde kravene i to klasser
"personalecontainer" og "img".
Det er het lovligt - men:

I dit stylesheet har du:
>.personalecontainer img{
> background-color: #0000CC;
> float: left;
> text-align: left;
> margin-right: 5px;
> margin-bottom: 10px;
>}

Her angiver du egenskaber for et IMG element, som ligger i fx et element
med klassen "personalecontainer".
Men der er ikke sat egenskaber for elementer af klassen
"personalecontainer".
Det ser lidt dobbelttydigt ud. Selv om der ikke er noget ulovligt ved
det, så tror jeg ikke du har skrevet det, du har tænkt.

Good luck!

--
Jørn Andersen,
Brønshøj