---

Jeg har en fejl vedr. topbanner.

siden er www.kulturlignat.skindbeni.dk

Jeg har to billeder indsat som min topbanner samt en sort baggrund.

Jeg har brugt float til at placere de to billeder. Billederne vises korrekt
i Explorer, men i Opera og Firefox går det galt i midten mellem de to
billeder. Det er som om disse to browsere ikke kan finde ud af, at jeg har
angivet baggrunden til at være sort.

Dette problem omgår jeg, hvis jeg fjerner style="float:left"> ved det
venstre billede, men så er det Explorer, der brokker sig og placerer det
venstre billede UNDER det højre billede, dog stadig i venstre side.

Hvordan kan jeg løse dette mysterium?

På forhånd tak.

--
Med venlig hilsen

Skindbeni
alias Michael Sørensen
8700 Horsens

---

Hej Michael!
"Skindbeni" <ms1@FJERNDETTEskindbeni.dk> skrev i en meddelelse
news:42c1bc0d$0$21465$ba624c82@nntp06.dk.telia.net...
> Jeg har en fejl vedr. topbanner.
>
> siden er www.kulturlignat.skindbeni.dk
>
> Jeg har to billeder indsat som min topbanner samt en sort baggrund.
>
> Jeg har brugt float til at placere de to billeder. Billederne vises
korrekt
> i Explorer, men i Opera og Firefox går det galt i midten mellem de to
> billeder. Det er som om disse to browsere ikke kan finde ud af, at jeg har
> angivet baggrunden til at være sort.
>
> Dette problem omgår jeg, hvis jeg fjerner style="float:left"> ved det
> venstre billede, men så er det Explorer, der brokker sig og placerer det
> venstre billede UNDER det højre billede, dog stadig i venstre side.
>
> Hvordan kan jeg løse dette mysterium?

Prøv at tilføje "width:50%;" til din img.banner, så det kommer til at se
således ud:

img.banner {
border: none;
margin: 0px;
width: 50%;
}

Jeg har ikke testet det!


Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/
http://www.mundings-memorial.dk/
http://www.cantica.dk/

---

"Dennis Munding" <mail@invalid.com> skrev i en meddelelse
news:42c1be46$0$21444$ba624c82@nntp06.dk.telia.net...
> Hej Michael!
> "Skindbeni" <ms1@FJERNDETTEskindbeni.dk> skrev i en meddelelse
> news:42c1bc0d$0$21465$ba624c82@nntp06.dk.telia.net...
>> Jeg har en fejl vedr. topbanner.
>>
>> siden er www.kulturlignat.skindbeni.dk
>>
>> Jeg har to billeder indsat som min topbanner samt en sort baggrund.
>>
>> Jeg har brugt float til at placere de to billeder. Billederne vises
> korrekt
>> i Explorer, men i Opera og Firefox går det galt i midten mellem de to
>> billeder. Det er som om disse to browsere ikke kan finde ud af, at jeg
>> har
>> angivet baggrunden til at være sort.
>>
>> Dette problem omgår jeg, hvis jeg fjerner style="float:left"> ved det
>> venstre billede, men så er det Explorer, der brokker sig og placerer det
>> venstre billede UNDER det højre billede, dog stadig i venstre side.
>>
>> Hvordan kan jeg løse dette mysterium?
>
> Prøv at tilføje "width:50%;" til din img.banner, så det kommer til at se
> således ud:
>
> img.banner {
> border: none;
> margin: 0px;
> width: 50%;
> }

Nej det ændrer størrelserne på mine billeder i topbanneret og de kan sagtens
være der. Sammenlagt fylder de kun 770px i bredden og kan sagtens være der.

Desværre

---

Hej Michael!
"Skindbeni" <ms1@FJERNDETTEskindbeni.dk> skrev i en meddelelse
news:42c1c0bf$0$21444$ba624c82@nntp06.dk.telia.net...
> Nej det ændrer størrelserne på mine billeder i topbanneret og de kan
sagtens
> være der. Sammenlagt fylder de kun 770px i bredden og kan sagtens være
der.
>
> Desværre

Min fejl - tænkte mig ikke lige om...

Du skal skrive det i det indlejrede stylesheet på siden:

<div id="top">
<!-- HERUNDER PLACERES TOPBANNERET -->
<div style="float:right;WIDTH:50%;"><img class="banner"
src="/grafik/topbillede.gif" alt="En Kulturlig nat 2005" /></div>
<div style="float:left;WIDTH:50%;"><img class="banner"
src="/grafik/topbanner.gif" alt="En Kulturlig Nat 2005" /></div>
<div style="clear:both"> </div>
</div>

Husk at skrive det med små bogstaver af hensyn til validering...

Og så lige et spørgsmål:

Hvad skal den sidste <div> gøre godt for (<div style="clear:both"> </div>
)?

Den burde ikke være nødvendig....?


Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/
http://www.mundings-memorial.dk/
http://www.cantica.dk/

---

"Dennis Munding" <mail@invalid.com> skrev i en meddelelse
news:42c1c61e$0$21465$ba624c82@nntp06.dk.telia.net...
> Hej Michael!

Hej Dennis.

> "Skindbeni" <ms1@FJERNDETTEskindbeni.dk> skrev i en meddelelse
> news:42c1c0bf$0$21444$ba624c82@nntp06.dk.telia.net...
>> Nej det ændrer størrelserne på mine billeder i topbanneret og de kan
> sagtens
>> være der. Sammenlagt fylder de kun 770px i bredden og kan sagtens være
> der.
>>
>> Desværre
>
> Min fejl - tænkte mig ikke lige om...
>
> Du skal skrive det i det indlejrede stylesheet på siden:
>
> <div id="top">
> <!-- HERUNDER PLACERES TOPBANNERET -->
> <div style="float:right;WIDTH:50%;"><img class="banner"
> src="/grafik/topbillede.gif" alt="En Kulturlig nat 2005" /></div>
> <div style="float:left;WIDTH:50%;"><img class="banner"
> src="/grafik/topbanner.gif" alt="En Kulturlig Nat 2005" /></div>
> <div style="clear:both"> </div>
> </div>
>
> Husk at skrive det med små bogstaver af hensyn til validering...
>
> Og så lige et spørgsmål:
>
> Hvad skal den sidste <div> gøre godt for (<div style="clear:both"> </div>
> )?
>
> Den burde ikke være nødvendig....?

Hmm... Sikker? (Jeg er slet ikke sikker, men mener, at den skal være der).

Men <div style="clear:both"></div> har jeg lige indsat efter jeg sendte det
sidste svar på dit indlæg, og det har hjulpet. Jeg har dermed ikke anvendt
din 50%, da jeg fandt en anden løsning i anden tråd.

Der fandt jeg frem til, at for at en div-boks kan finde ud af dens
størrelse, hvis den består af andre div-bokse, så skal man lave en <div
style="clear:both"></div> for at få boksen til at fylde helt ud.

Hmm... gav det mening? Jeg prøvede bare og så virkede det

---

Hej Michael!
"Skindbeni" <ms1@FJERNDETTEskindbeni.dk> skrev i en meddelelse
news:42c1c77c$0$21460$ba624c82@nntp06.dk.telia.net...
> Hej Dennis.
> Hmm... Sikker? (Jeg er slet ikke sikker, men mener, at den skal være der).

Ikke 100%, men 99% sikker...

> Men <div style="clear:both"></div> har jeg lige indsat efter jeg sendte
det
> sidste svar på dit indlæg, og det har hjulpet. Jeg har dermed ikke anvendt
> din 50%, da jeg fandt en anden løsning i anden tråd.

Kunne godt se, at det havde hjulpet.
Men jeg har begået en lille fejl igen - width:50% er "forkert" - det skal
være 49% for at IE ikke laver vandret scrollbar... :-/
Og så skal du sætte begge div's til "float:left;" - hvis jeg nu tager
fuldstændig fejl, så håber jeg, at der er nogle af de "gamle rotter", som
blander sig i debatten!??

> Der fandt jeg frem til, at for at en div-boks kan finde ud af dens
> størrelse, hvis den består af andre div-bokse, så skal man lave en <div
> style="clear:both"></div> for at få boksen til at fylde helt ud.

Nu har jeg ikke prøvet at lave en side/topbanner på helt samme måde (med at
2 div's skal fylde 100%), så jeg vil da ikke udelukke, at du har ret, men
min logiske tankegang siger, at det ikke burde være nødvendigt med en tom
<div>...

> Hmm... gav det mening? Jeg prøvede bare og så virkede det

Absolut! Og så længe det virker, gør det jo ikke så meget, men det kunne
være rart at vide, om det er nødvendigt med den ekstra <div> eller ej...


Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/
http://www.mundings-memorial.dk/
http://www.cantica.dk/

---

On Tue, 28 Jun 2005 23:56:14 +0200, Skindbeni <ms1@FJERNDETTEskindbeni.dk>
wrote:

>> Hvad skal den sidste <div> gøre godt for (<div style="clear:both">
>> </div>
>> )?
>>
>> Den burde ikke være nødvendig....?
>
> Hmm... Sikker? (Jeg er slet ikke sikker, men mener, at den skal være
> der).

Ja enten skal den være der, eller også kan du bruge clearfix:
<url:http://www.hjemmesideskolen.dk/html/testsider/float.asp>
Floatede elementer vil ikke udvide en boks (i standard overholdene
browsere), så enten skal man sætte width og height manuelt, eller benytte
clear til at udvide boksen.

--
Ryan Kristensen

---

"Skindbeni" <ms1@FJERNDETTEskindbeni.dk> skrev i en meddelelse
news:42c1bc0d$0$21465$ba624c82@nntp06.dk.telia.net...
> Jeg har en fejl vedr. topbanner.
>
> siden er www.kulturlignat.skindbeni.dk
>
> Jeg har to billeder indsat som min topbanner samt en sort baggrund.
>
> Jeg har brugt float til at placere de to billeder. Billederne vises
> korrekt i Explorer, men i Opera og Firefox går det galt i midten mellem de
> to billeder. Det er som om disse to browsere ikke kan finde ud af, at jeg
> har angivet baggrunden til at være sort.
>

Jeg kan godt se problemet i FF, men ikke i opera.
hvorfor ved jeg ikke helt, men det ser ud som om at begge dine floatede
div'er, falder udenfor din "top" div.
da denne div så ikke har noget indhold "kollapser" den. Du har en hvid
"stribe" i toppen af skærmen, og jeg gætter på at den er 10 px høj. (2 gange
din border på 5px )


> Dette problem omgår jeg, hvis jeg fjerner style="float:left"> ved det
> venstre billede, men så er det Explorer, der brokker sig og placerer det
> venstre billede UNDER det højre billede, dog stadig i venstre side.
>
> Hvordan kan jeg løse dette mysterium?
>


Jeg har selv noget lignende

<div style="text-align:center;margin:0px 0px 25px 0px">

<div style="float:right"> <img src="logo.jpg"> </div>
<div style="float:left"> <img src="etandetbilled.jpg"> </div>

<!-- nedenstående div burde udvide din topdiv så den har den rigtige
højde -->
<div style="margin:0px;padding:25px 0px">
<div style="text-align:center">
<h1>Overskrift</h1>
<!-- hvis det ikke virker uden overskriften, så skriv med samme farve som
baggrunden -->
</div>
</div>

</div>

/Kasper

---

"Kasper Lindberg" <NoSp@m.invalid> skrev i en meddelelse
news:42c1c156$0$18642$14726298@news.sunsite.dk...
>
> "Skindbeni" <ms1@FJERNDETTEskindbeni.dk> skrev i en meddelelse
> news:42c1bc0d$0$21465$ba624c82@nntp06.dk.telia.net...
>> Jeg har en fejl vedr. topbanner.
>>
>> siden er www.kulturlignat.skindbeni.dk
>>
>> Jeg har to billeder indsat som min topbanner samt en sort baggrund.
>>
>> Jeg har brugt float til at placere de to billeder. Billederne vises
>> korrekt i Explorer, men i Opera og Firefox går det galt i midten mellem
>> de to billeder. Det er som om disse to browsere ikke kan finde ud af, at
>> jeg har angivet baggrunden til at være sort.
>>
>
> Jeg kan godt se problemet i FF, men ikke i opera.
> hvorfor ved jeg ikke helt, men det ser ud som om at begge dine floatede
> div'er, falder udenfor din "top" div.
> da denne div så ikke har noget indhold "kollapser" den. Du har en hvid
> "stribe" i toppen af skærmen, og jeg gætter på at den er 10 px høj. (2
> gange din border på 5px )

Den øverste hvide linie er en kant (border) som dem jeg laver siden for,
gerne vil have der.

>> Dette problem omgår jeg, hvis jeg fjerner style="float:left"> ved det
>> venstre billede, men så er det Explorer, der brokker sig og placerer det
>> venstre billede UNDER det højre billede, dog stadig i venstre side.
>>
>> Hvordan kan jeg løse dette mysterium?
>>
>
>
> Jeg har selv noget lignende
>
> <div style="text-align:center;margin:0px 0px 25px 0px">
>
> <div style="float:right"> <img src="logo.jpg"> </div>
> <div style="float:left"> <img src="etandetbilled.jpg"> </div>
>
> <!-- nedenstående div burde udvide din topdiv så den har den rigtige
> højde -->
> <div style="margin:0px;padding:25px 0px">
> <div style="text-align:center">
> <h1>Overskrift</h1>
> <!-- hvis det ikke virker uden overskriften, så skriv med samme farve som
> baggrunden -->
> </div>
> </div>
>
> </div>

Har ikke prøvet, om din løsning virker, men skrev i stedet <div
style="clear:both"> efter mine to floatede div'er og det løste problemet.

Men tak for hjælpen anyway

---

> Jeg har to billeder indsat som min topbanner samt en sort baggrund.
>
> Jeg har brugt float til at placere de to billeder. Billederne vises korrekt
> i Explorer, men i Opera og Firefox går det galt i midten mellem de to
> billeder. Det er som om disse to browsere ikke kan finde ud af, at jeg har
> angivet baggrunden til at være sort.
>
> Dette problem omgår jeg, hvis jeg fjerner style="float:left"> ved det
> venstre billede, men så er det Explorer, der brokker sig og placerer det
> venstre billede UNDER det højre billede, dog stadig i venstre side.

Hvis du har det på følgende måde virker det i explorer:

<div style="background-color: black;">
<img src="left" titel="">
<img src="right" titel="" style="float: right;">
</div>

Baggrunden bliver helt sort.
Efterfølgende sætte den det første billede ind til venstre.
Billede nummer 2 kommer derefter til at floate til højre.

Christian

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Christian Kragh" <tursoe@gmail.com> skrev i en meddelelse
news:42c1c1ed$0$18647$14726298@news.sunsite.dk...
>> Jeg har to billeder indsat som min topbanner samt en sort baggrund.
>>
>> Jeg har brugt float til at placere de to billeder. Billederne vises
>> korrekt
>> i Explorer, men i Opera og Firefox går det galt i midten mellem de to
>> billeder. Det er som om disse to browsere ikke kan finde ud af, at jeg
>> har
>> angivet baggrunden til at være sort.
>>
>> Dette problem omgår jeg, hvis jeg fjerner style="float:left"> ved det
>> venstre billede, men så er det Explorer, der brokker sig og placerer det
>> venstre billede UNDER det højre billede, dog stadig i venstre side.
>
> Hvis du har det på følgende måde virker det i explorer:
>
> <div style="background-color: black;">
> <img src="left" titel="">
> <img src="right" titel="" style="float: right;">
> </div>
>
> Baggrunden bliver helt sort.
> Efterfølgende sætte den det første billede ind til venstre.
> Billede nummer 2 kommer derefter til at floate til højre.

Hej, det var meget det, som jeg havde gjort. Jeg har dog hørt, at det man
floater til højre _skal_ stå før det man floater til venstre, så jeg vil
bytte om på din kode, hvis det jeg har hørt, er rigtigt.

Jeg har tilføjet en <div style="clear:both"> før den sidste </div> Og det
løste mit problem.