24 svar · 426 visningar · startad av Calevan
börjar komma någon vart med mina divvar nu, men har lite problem kvar. har en div där alla mina bilder ska ligga i. alla bilder i sig bor i en div för att få snygg skugga på dem. problemet är att de i sin tur inte alls vill bo i den stora diven utan när den tar slut så fortsätter de bara ut... se sidan så förstår ni:
http://217.28.195.189/ny/default2.asp?AlbumID=215
någon som har någon bra idé om hur jag fixar detta?
TACK!
clear: both;
vet att jag lovade mig själv att testa det där innan jag frågade, eftersom jag läst att många andra hade löst det så.
så, jag testade det nu ialla fall. resultatet blev lite annorlunda i FF, men problemet kvarstår.
Sätt width och height på img-taggarna.
width: 130px;
height: 450px;
overflow-y: scroll;
har jag nu, varken det eller det du skrev fungerar. höjden på divven de andra ska bo i verkar inte spela någon roll alls.
så här ser min asp kod ut:
<div class="menyspalt">
<div class="meny2">
<%
DO UNTIL RecSet.EOF
filnamn = RecSet("filnamn")
BildID = RecSet("BildID")
Response.Write "<div class=""img-shadow""><a href=""" & "foto.asp?AlbumID=" & AlbumID & "&BildID=" & BildID & """ target=""body"">" & "<img src=""/" & filnamn & " />" & "</a></div><br class=""clearboth"" />"
RecSet.MoveNext
LOOP
RecSet.Close : Set RecSet = Nothing
Connect.Close : Set Connect = Nothing
%>
</div></div>
någon som tror de vet vad felet beror på? kan det bero på något i css filen om hur skuggorna ska ligga:
.img-shadow {
float: left;
background: url(../grafik/shadowAlpha.png) no-repeat bottom right !important;
background: url(../grafik/shadow.gif) no-repeat bottom right;
margin: 8px 0px 0px 4px !important;
margin: 8px 0px 0px 4px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #ffffff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
TACK!
Med denna får du en scroll!
.meny2 {
border: 1px solid #000000;
padding: 5px 5px 5px 5px;
background-color: #ffffff;
margin: 5px 5px 0px 0px;
width: 140px;
height: 450px;
overflow: auto;
Med denna får du ingen scroll men den omsluter fortfarande dina bilder
.meny2 {
border: 1px solid #000000;
padding: 5px 5px 5px 5px;
background-color: #ffffff;
margin: 5px 5px 0px 0px;
width: 130px;
_height: 1%;
overflow: auto;
Obs! Detta är taget från DIN css-fil och testat i FireFox.
Hoppas det klarnar!
Mvh
Pär
Du har något javascript fel...
Förlåt men jag tittade aldrig i IE.. men skuggorna var jäkligt snygga i FireFox!
I IE syns dom inte är det det du vill ha hjälp med?
felet är inte att jag inte får fram en scroll utan att bilderna inte ligger i divven. jag vet inte hur det ser ut för dig, men så här ser det ut, det har inget med overflow att göra så vitt jag kan se.
Bifogad fil visar i FF
paraxe skrev:
Du har något javascript fel...
Förlåt men jag tittade aldrig i IE.. men skuggorna var jäkligt snygga i FireFox!
I IE syns dom inte är det det du vill ha hjälp med?
javascriptet är inte anpassat till den nya sidan ännu, därav felet, men jag vet om det.
om du inte tittade i iE hur kan du veta att skuggorna inte syns där? tack!
Jag testade det inte av två andledningar:
1. jag vet inte den exakta storleken på bilderna som ska visas. tex blir ju måtten olika beroende på om bilden är stående eller liggande.
2. jag såg inte alls hur de skulle påverka det hela.
eftersom du skrek så högt testade jag och precis som jag misstänkte hjälpte det inte ett dugg. om du kanske kan förklara hur du hade tänkt att det skulle fungera så kanske det går att fortsätta på ditt spår, men jag tror att lösningen är något annat. tack för att du försökte, jag låter storleken på bilderna stå kvar en stund ifall du vill se hur det ser ut (dvs att det inte hjälpte).
mvh
Felet med att bilderna inte håller sig i div:en uppstår ju när webbläsaren inte vet storleken på bilderna eftersom bilderna inte har laddats än. Ifall du laddar om sidan efter att bilderna har laddats (och ligger i cachen) så fungerar det. (Eller det gjorde i alla fall det förut...) Ifall du sätter storleken på bilderna så vet webbläsaren hur stora de ska vara innan bildfilerna har laddats, och problemet uppstår inte.
Egenskapen overflow-y fungerar enbart i IE.
En bidragande orsak till att det inte fungerar kan vara att du gör img-taggarna till block-element, men de ligger i a-taggarna som är inline-element. Ett inline-element bör inte innehålla block-element. Gör länkarna till block-element också, och då kan du ju lika gärna sätta skugg-effekten på dem.
Jag vet inte vad du bygger dina påståenden på, men inget av dem hjälper för mig och helt ärligt så tror jag inte ett dugg på att sidan måste veta storleken på bilderna för att fungera. men jag kan givetvis ändra åsikt om jag ser bevis på det.
att overflow-y inte fungerar fullt ut känner jag till.
jag tog bort så att det inte längre är länkar utan bara vanliga bilder, och problemet kvarstår. altså är det inte det som är felet heller.
låter sidan ligga uppe med tumnaglar som har en given storlek och inte är länkar så att du kan se att problemet kvarstår.
tack för att du försöker.
råkar du eller någon annan ha några andra förslag?
Ta bort position:relative på .img-shadow img.
Den ställer bara till bekymmer i IE och du har ingen användning för den. Eller hade du tänkt dig något speciellt med den???
Guffa skrev:
Egenskapen overflow-y fungerar enbart i IE.
Nej precis. Lägg till overflow:auto oxå, så blir det bra i FireFox med. :)
Alltså styr in mig...
Är det inte en regelrätt "clearing of floats" vi har att handskas med här???
Nu är jag helt förvirrad :q
-storlekar på bilder ???
Mvh
Pär
Och så här ser jag det med "clearing of floats".
Länk:
<http://member.webforum.nu/7229/clearingfloats.JPG>
Hälsningar
Pär
Insider skrev:
Ta bort position:relative på .img-shadow img.
Den ställer bara till bekymmer i IE och du har ingen användning för den. Eller hade du tänkt dig något speciellt med den???
jag använder den och den ställer inte till några bekymmer så vitt jag kan se.