--- title: "divvarna vill inte bo i en annan div" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/128755-divvarna-vill-inte-bo-i-en-annan-div" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Calevan" published: "2005-05-23T19:48:32.000Z" updated: "2005-05-25T15:37:33.000Z" replies: 24 views: 434 page: 1 pages: 2 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/128755-divvarna-vill-inte-bo-i-en-annan-div" --- # divvarna vill inte bo i en annan div _Sida 1 av 2._ ## #1 — Calevan, 2005-05-23T19:48Z 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: någon som har någon bra idé om hur jag fixar detta? TACK! Permalänk: https://www.webforum.nu/p/128755 ## #2 — Okkido, 2005-05-23T19:50Z clear: both; Permalänk: https://www.webforum.nu/p/1615956 ## #3 — Calevan, 2005-05-23T20:09Z 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. Permalänk: https://www.webforum.nu/p/1615966 ## #4 — Guffa, 2005-05-23T21:51Z Sätt width och height på img-taggarna. Permalänk: https://www.webforum.nu/p/1616006 ## #5 — paraxe, 2005-05-23T21:57Z i den huserande divven... ``` overflow: auto; _height: 1%; ``` Jo så ska det vara... Permalänk: https://www.webforum.nu/p/1616010 ## #6 — paraxe, 2005-05-23T22:12Z Eller ska det vara scroll? ``` width: 140px; height: 450px; overflow: auto; ``` Mvh Pär Permalänk: https://www.webforum.nu/p/1616012 ## #7 — Calevan, 2005-05-24T14:00Z ``` 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: ```
<% DO UNTIL RecSet.EOF filnamn = RecSet("filnamn") BildID = RecSet("BildID") Response.Write "
" & "" & "

" RecSet.MoveNext LOOP RecSet.Close : Set RecSet = Nothing Connect.Close : Set Connect = Nothing %>
``` 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! Permalänk: https://www.webforum.nu/p/1616258 ## #8 — paraxe, 2005-05-24T14:13Z 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 Permalänk: https://www.webforum.nu/p/1616261 ## #9 — paraxe, 2005-05-24T14:19Z 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? Permalänk: https://www.webforum.nu/p/1616265 ## #10 — Calevan, 2005-05-24T16:22Z 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 Bilagor: - [ff.jpg](https://www.webforum.nu/a/6451.jpg) Permalänk: https://www.webforum.nu/p/1616318 ## #11 — Calevan, 2005-05-24T16:23Z och så här ser det ut i IE Bilagor: - [ie.jpg](https://www.webforum.nu/a/6452.jpg) Permalänk: https://www.webforum.nu/p/1616319 ## #12 — Calevan, 2005-05-24T16:25Z > **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! Permalänk: https://www.webforum.nu/p/1616321 ## #13 — Guffa, 2005-05-24T17:14Z SÄTT WIDTH OCH HEIGHT PÅ IMG-TAGGARNA! Måste man skrika? Permalänk: https://www.webforum.nu/p/1616344 ## #14 — Calevan, 2005-05-24T18:33Z 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 Permalänk: https://www.webforum.nu/p/1616384 ## #15 — Guffa, 2005-05-24T20:07Z 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. Permalänk: https://www.webforum.nu/p/1616422 ## #16 — Calevan, 2005-05-24T20:42Z 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? Permalänk: https://www.webforum.nu/p/1616435 ## #17 — Insider, 2005-05-24T20:46Z 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. :) Permalänk: https://www.webforum.nu/p/1616437 ## #18 — paraxe, 2005-05-24T21:36Z 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 Permalänk: https://www.webforum.nu/p/1616469 ## #19 — paraxe, 2005-05-24T21:53Z Och så här ser jag det med "clearing of floats". Länk: Hälsningar Pär Permalänk: https://www.webforum.nu/p/1616479 ## #20 — Calevan, 2005-05-25T13:44Z > **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. Permalänk: https://www.webforum.nu/p/1616698 --- Tråden på webben: https://www.webforum.nu/amne/html-css/128755-divvarna-vill-inte-bo-i-en-annan-div Nästa sida: https://www.webforum.nu/amne/html-css/128755-divvarna-vill-inte-bo-i-en-annan-div/page2.md