--- title: "Klassiker: bilder bredvid varandra & IE" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/140394-klassiker-bilder-bredvid-varandra-ie" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "hltm" published: "2006-01-05T12:58:51.000Z" updated: "2006-01-07T23:31:38.000Z" replies: 8 views: 610 page: 1 pages: 1 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/140394-klassiker-bilder-bredvid-varandra-ie" --- # Klassiker: bilder bredvid varandra & IE ## #1 — hltm, 2006-01-05T12:58Z Sitter med följande: \#content-pics { display:block; float:left; clear:none; width:477px; height:163px; margin:0; padding:0; } \#content-pics img { display:block; float:left; clear:none; border:0px; margin:0px; padding:0px; } I content-pics placerar jag sedan två bilder, en med 163px bredd & en med 314px bredd. De ligger snällt o fint bredvid varandra i FF & Opera men inte i IE 6?? \#content-pics i sig ligger inuti #main-content; \#main-content { width:477px; margin:0; padding:0; float:left; clear:none; } \- Förslag på lösning? Provade först med att bara låta bilderna ligga som block i #main-content, sedan både som inline & nu som block i #content-pics men ingen skillnad? Permalänk: https://www.webforum.nu/p/140394 ## #2 — tanten, 2006-01-05T16:35Z Hej, Det du egentligen bara behöver är \#content img { float:left; border:0px; margin:0px; padding:0px; } för att få dit bilderna som du vill. \
\\\ Permalänk: https://www.webforum.nu/p/1739058 ## #3 — jarvklo, 2006-01-05T23:05Z Hmm... Vad händer om du ökar på bredden på #content-pics och #main-content med några pixlar eller så ? (brukar kunna vara knepigt det där med pixelperfekta bredder i just MSIE har jag för mig ;) ) Permalänk: https://www.webforum.nu/p/1739215 ## #4 — hltm, 2006-01-06T01:05Z \>\> tanten Jo, det trodde jag också och hade d så från början men det funkade inte. Jag har lagt till den andra diven dels för att testa, dels för att mera innehåll ska genereras ut efteråt (dock inte nu). \>\> Jarvklo Om jag "fejkt"-minskar en av bildernas bredd m ca 8px så funkar det finfint, men blir fula marginaler mellan bilderna. Doctype: \ Permalänk: https://www.webforum.nu/p/1739235 ## #5 — echoSwe, 2006-01-06T14:21Z IE har en float-bug på 3px som försvinner om du sätter "display:inline" på bilden. Du kan även skriva \* html #content img { margin: 0 -3px; } Permalänk: https://www.webforum.nu/p/1739399 ## #6 — hltm, 2006-01-06T14:43Z Stort tack för svaren & framförallt echoSwe som jag just nu mest vill ge en stor kram för att 3px-hacket fungerade alldeles utmärkt; timmar av hårslitande & misströstande är slut! :e Permalänk: https://www.webforum.nu/p/1739409 ## #7 — echoSwe, 2006-01-06T16:13Z Hehe :D \*kramar tillbaka\* Permalänk: https://www.webforum.nu/p/1739438 ## #8 — Cibbe, 2006-01-07T23:08Z Vet att detta redan är löst osv och att det kanske är dumt att återuppliva tråden men jag tänkte bara tacka echoSwe för att ngnstans här i tråden skrivit "display: inline". Det Var nämligen precis det jag hade glömt skriva med i min kod (annan situation dock).. jaja tack iaf, har suttit och felsökt i evighter nu. Permalänk: https://www.webforum.nu/p/1743385 ## #9 — echoSwe, 2006-01-07T23:31Z Varsågod Cibbe :) Roligt att hjälpa. Och välkommen till webforum! Permalänk: https://www.webforum.nu/p/1743401 --- Tråden på webben: https://www.webforum.nu/amne/html-css/140394-klassiker-bilder-bredvid-varandra-ie