---

Siden her - <http://musikinfo.dk/musikfoto.aspx> - har tidligere
fungeret nydeligt i Mozilla (jeg kan ikke huske præcis hvilken
version, men det er formentlig den udgave der var aktuel omkring
årsskiftet).

Nu er hr-elementet imidlertid "fløjet ud til højre" i Mozilla
1.7RC2. Man kan se et skærmdump her:
<http://musikinfo.dk/jc/mozdump.gif>

DOM inspector viser ikke noget specielt - hverken mht. højremargen
på det floatede billede eller venstremargen på hr-elementet.

Er der nogen der har en god forklaring - og/eller et hack der får
stregen tilbage på plads.

Firefox viser siden perfekt. Opera og IE viser siden en smule
anderledes, men den afvigelse er ligegyldig (Opera lægger hr-
elementet ind under billedet i fuld bredde, IE har en smule luft
over stregen).

Jeg kan selvfølgelig bruge et billede i stedet for hr - men jeg er
ikke meget for at "overgive" mig til den slags - det *er* jo en
"horizontal rule" jeg gerne vil lave.

Jeg vil også gerne høre om fejlen også forekommer i andre Mozilla-
versioner (fx 1.6, 1.8A1).

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:
> Siden her - <http://musikinfo.dk/musikfoto.aspx> - har tidligere
> fungeret nydeligt i Mozilla (jeg kan ikke huske præcis hvilken
> version, men det er formentlig den udgave der var aktuel omkring
> årsskiftet).
>

Hej Jens

Jeg skal ikke kunne sige hvad der er galt, men prøv at overvej at lav
det på en anden måde.

F.eks. sæt dem op som var det polarid-billeder.
Smid billede og tekst ind i en div blok.
Giv blokken en border og en god padding.

Teksten skal så stå under billedet.

Det er bare en ide

Hintzmann c",)

---

Martin Hintzmann Andersen skrev:

> Jeg skal ikke kunne sige hvad der er galt, men prøv at overvej
> at lav det på en anden måde.

Tak for ideen - som bestemt lyder tiltalende. Men designet er ikke
mit bord - jeg skal bare implementere det.

Hvis final-udgaven af Mozilla 1.7 stadig viser siden forkert, vil
jeg overgive mig og prøve med et billede eller evt. en div med
baggrundsfarve i stedet.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:
>
> Hvis final-udgaven af Mozilla 1.7 stadig viser siden forkert, vil
> jeg overgive mig og prøve med et billede eller evt. en div med
> baggrundsfarve i stedet.


Prøv at opsæt HTML-koden for billederne således:
En div med class'en musikfoto med et billede og en div i.

<div class="musikfoto">
<img src='images/aaretsfoto2003/musikfoto1.jpg' alt='musikfoto1'
height="189" width="283" />
<div>
<hr/>
<p><strong>ÅRETS MUSIKFOTO 2003 - Vinderbilledet</strong></p>
<p>Putte Wickmann er gæstesolist hos Ernie Wilkins Allmost Big Band,
Vejle 05.09.2003</p>
<p>Årets Danske Musikfotograf 2003: Martin Dam Kristensen.</p>
</div>
</div>

Og lav følgende CSS.
Hvor img floates left og div'en får margin-left til width'en på billedet
plus lidt ekstra samt en blå border. hr'en skjules.

..musikfoto {
clear:left;
}
..musikfoto img {
float:left;
margin-bottom:6px;
margin-right:12px;
}
..musikfoto div {
margin-left:300px;
border-top: 3px solid rgb(150,198,234);
}
..musikfoto hr {
display:none;
}

Hintzmann c",)

---

Martin Hintzmann Andersen skrev:

> Prøv at opsæt HTML-koden for billederne således:
> En div med class'en musikfoto med et billede og en div i.

[snip - eksempel]

Det virker fint i Mozilla/Firefox, men både Opera og IE kløjs i
koden. Overskriften skubbes ned under billedet (men stadig til
højre for billedet).

Se eksempel her: <http://musikinfo.dk/mfoto.html> (lad mig høre
hvis der er problemer med at tilgå serveren - jeg har pt. problemer
med at komme ud af huset og kan ikke helt afgøre om der også er
bøvl med at tilgå serveren udefra).

Jeg har sat koden ind ved det første billede og kun der.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:
> Det virker fint i Mozilla/Firefox, men både Opera og IE kløjs i
> koden. Overskriften skubbes ned under billedet (men stadig til
> højre for billedet).
>

Prøv at kald class'en "musikfoto2", så du ikke for noget fra den gamle
class med.

Hintzmann c",)

---

Martin Hintzmann Andersen skrev:

> Prøv at kald class'en "musikfoto2", så du ikke for noget fra
> den gamle class med.

Det hjalp desværre ikke - snarere tværtimod. Men du kan sagtens
have ret i at det er noget af den originale css-kode der driller.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

> Det hjalp desværre ikke - snarere tværtimod. Men du kan sagtens
> have ret i at det er noget af den originale css-kode der driller.

Nu fandt jeg en løsning der virker tilfredsstillende. Jeg puttede
hr og billedtekster i en ekstra div, floatede den til venstre og
gav den en fast bredde. Den tilgængelige bredde er kendt, fordi
både billedbredden og bredden på den omgivende div ligger fast.

Den nye side kan ses her: <http://musikinfo.dk/musikfoto.aspx>.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html