posisjon av <img> med CSS

[Svendsen]

Hei

 

Sliter litt med å få posisjonert bildet riktig i en tekst, det vil at den legger seg på riktig side, men den flyter utover <div> sin. Dette skjer IKKE i IE, men i FF og Opera.

 

Legger ved bilder og utdrag av kodene.

 

Håper noen kan hjelpe meg. Har leita i andre sin source for å se hvordan de har løst det og jeg har ikke fått det helt til å virke.

 

HTML:

<div class="box">
<h1><a href="index.php?side=innlegg&id=2">En liten test</a></h1>
<p class="dato">11.02.06 04:02:28</p><p><img src="/inc/bilder/natur.gif" alt="bilde">tester med bilde</p>
<p class="dato"><a href="index.php?side=innlegg&id=2">Les mer</a></p>
</div>

 

CSS:

.box * {
height: auto !important;
height: 100%;

}
.box p img {
 float: right;
 border: 1px solid #999;
 padding: 3px;
 margin: 0 0 0.3em 0.7em;
}

 

Håper jeg har fått med alt

 

Tusen takk for all hjelp.

 

bilde nr1 viser riktig.

Endret 11. februar 2006 av Svendsen

[funkweb]

Vanskerlig å si, når vi ikke kan se hva som skjer i html filen din og hvorfor denne hopper seg ut av andre div.

Kanskje du ikke har </div> på eventuelt problemet? enclosed it?

 

Hos meg funker det.

Men det er seff. hvordan jeg gikk frem når man bygger opp side.

 

Kan jo ta en titt:

Testing

[Svendsen]

Jeg ser faktisk samme forskjell på din som min i IE og Opera.

Du ville sett det tydeligere om du hadde mindre tekst og to "innlegg".

[funkweb]

Hva? Det gjør den ikke.

Sjekk linken igjen, har oppdatert med f.eks. 2 innlegg

[Svendsen]

Sitter her med Oper 8.01 og det ser slik ut som på vedlagt bilde.

 

I IE blir det riktig, men ikke Opera.

 

 

edit: faktisk ikke riktig i IE eller

Endret 12. februar 2006 av Svendsen

[funkweb]

Hva er galt med den?

Hvis du tenker på 'Justify' på teksen så lar det seg gjøres asså.. det ser finere ut da.

 

*Oppdatert*

Endret 12. februar 2006 av funkweb

[Svendsen]

Hva er galt med den?

Hvis du tenker på 'Justify' på teksen så lar det seg gjøres asså.. det ser finere ut da.

 

*Oppdatert*

5591874[/snapback]

 

Jeg tror ikke du har oppfattet problemet mitt selv om jeg har visualisert det veldig bra.

 

Bilde hører bare til ET innlegg ikke begge to. Da er det ikke noe fint om det ligger ved siden av to ulike innlegg.

 

Se hvordan det er gjor her: http://www.paradoxia.org/

 

Det er på samme måte bare at jeg ikke har delt de inn like tydelig.

[funkweb]

aha, jeg forstår.

 

Sjekk siden igjen, har oppdatert.

[Svendsen]

aha, jeg forstår.

 

Sjekk siden igjen, har oppdatert.

5592734[/snapback]

 

Ja men ikke sånn som jeg øsnker hehe. De flyter enda. Men har du noe ide om hvor feilen ligger?

[funkweb]

Jeg tror, er nysgjerrig.. men er siden din fast bredde?

Eller har du som meg.?

 

Edit:

 

Nå har jeg fått det til å se ut likt i de forskjellige browser.(Sjekk linken)

Men det blir uansett ikke ditt svar, fordi fjerner jeg høyden på boksen.

Så flyter det... skal se nærmere ikveld og håper har svar på dette.

Endret 12. februar 2006 av funkweb

[funkweb]

Alright, nå skal det være fikset.. nå flyter den ikke rundt..!

 

div.item {float: left; padding: 0px; width: 100%;}
div.item img {float: right; margin: 5px;}

Endret 12. februar 2006 av funkweb

[834HF42F242]

Det er veldig dumt at det skal være så vanskelig å oppnå samme resultat med css som med <img src="http://" alt="Bilde" align="right" />

[Heilage]

Det er veldig dumt at det skal være så vanskelig å oppnå samme resultat med css som med <img src="http://" alt="Bilde" align="right" />

5595866[/snapback]

 

Denne bruker jeg. Mye enklere, da kan man også bestemme posisjon på hvert enkelt bilde.

[Svendsen]

Takk for at du var sta funkweb

 

Nå funker det med bildet men fikk jo seff et nytt problem.

 

kan sees HER i Opera

[Heilage]

Hvordan får man dynamisk høyde i main forresten? Sliter litt med å strekke den 100%....

[Svendsen]

Hvordan får man dynamisk høyde i main forresten? Sliter  litt med å strekke den 100%....

5605990[/snapback]

 

er mulig du må bruke en hack eller hva de kaller

height: auto !important;
height: 100%;

 

Er veldig rusten siden jeg ikke har koda på nesten et år. Det merkes.

 

Mitt problem oppsto etter at jeg fiksa bildet.