tag:blogger.com,1999:blog-2356249235441299353.post1294877901382223768..comments2010-06-11T13:49:55.956+02:00Anders Fjeldstadhttps://profiles.google.com/112829738692971229153noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-2356249235441299353.post-88557057408882595472008-04-22T20:59:01.000+02:002008-04-22T20:59:01.000+02:00Hmm, det slår mig nu att man kanske kan använda CSS embeddat javascript för att sätta bredden i MSIE. Att mitt första inlägg inte fungerar i IE7 låter troligt. Jag har antagligen använt fel metod att plocka ut width på elementet för just den obskyra webbläsaren.Samuel Sjöberghttp://samuelsjoberg.comnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-54966255160800141352008-04-22T20:13:54.000+02:002008-04-22T20:13:54.000+02:00Irriterande det där. Försökte med någon slags first-child-grej och med att det ger olika absolute/relative-grejer, men... Det är svårt att lösa på andra sätt om man inte kan få tag på bredden.David Anderssonnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-21891781182331139372008-04-22T20:10:00.000+02:002008-04-22T20:10:00.000+02:00Kul nöt!<br><br>Sammes andra lösning är det jag instinktivt tänkte på, han löste det som jag tänkte, fast förmodligen mycket snyggare.<br><br>Men kan du inte göra som man brukar göra om man vill ha t ex genomskinliga png:er? Om IE, javascripta. I övrigt, kör så det ryker med standard.David Anderssonnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-91621003494866103952008-04-22T13:48:39.000+02:002008-04-22T13:48:39.000+02:00För den nyfikne kan jag meddela att problemet med Sammes andra förslag i IE6 är att element &quot;med layout&quot; (exempelvis då width-styleattributet är något annat än auto) förlorar sin shrink-wrap-egenskap, och istället får den maximala bredden som finns tillgängligt i det första förälderelementet som har layout.<br><br>Läste en del om det där i <a href="http://www.satzansatz.de/cssd/onhavinglayout.html" rel="nofollow">denna artikel</a>.Anders Fjeldstadhttp://blogg.fjeldstad.se/noreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-77050699803673141612008-04-22T11:21:31.000+02:002008-04-22T11:21:31.000+02:00Är det inte roligare att göra det så krångligt och ineffektivt som möjligt? Typ att generera menyelementen som bilder med världens längsta php-kod =). Svårt att ändra font då iofs. Men det går nog också.mannehttp://manneorama.blogspot.comnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-51502629612557114822008-04-22T09:49:15.000+02:002008-04-22T09:49:15.000+02:00Sammes första POC fungerar förresten inte heller i IE7. Höjden blir helt galen pÃ¥ de olika delarna och bredden blir inte heller rätt.AzPhttp://peterazp.blogspot.comnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-15984257222803735842008-04-22T09:47:36.000+02:002008-04-22T09:47:36.000+02:00Jag har ignorerat IE i flera år, det är jättelätt...AzPhttp://peterazp.blogspot.comnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-82890387263835020352008-04-21T22:19:23.000+02:002008-04-21T22:19:23.000+02:00Gillar ditt andra förslag, Samme – det är även identiskt (mer eller mindre) med ett experiment jag gjorde tidigare ikväll. Tyvärr blir det svårt att ignorera IE.<br><br>Javascriptlösningen är visserligen smidig, men jag hade helst använt en ren CSS-lösning. Frågan är om jag hellre tar en serversidelösning än Javascript? Typ definiera bredden på elementen i termer av antal tecken i &quot;rubriken&quot; eller något. Inte heller optimalt direkt.Anders Fjeldstadhttp://blogg.fjeldstad.se/noreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-77964216315618936912008-04-21T22:13:48.000+02:002008-04-21T22:13:48.000+02:00Om vi ignorerar Internet Explorer så är det här en lösning:<br><br>http://samuelsjoberg.com/samples/menu2.htmlSamuel Sjöberghttp://samuelsjoberg.comnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-41105183730137707402008-04-21T22:00:33.000+02:002008-04-21T22:00:33.000+02:00En snabb lösning som använder javascript var det enklaste (och första) sättet jag kom på att lösa problemet. Nackdelen är förstås att det inte är ren CSS. Ytterligare en nackdel är att man kan hinna se att menyns styles förändras efter att sidan laddas (det kan förstås lösas genom att dölja menyn tills scriptet körts).<br><br>La upp ett POC här: http://samuelsjoberg.com/samples/menu.htmlSamuel Sjöberghttp://samuelsjoberg.comnoreply@blogger.comtag:blogger.com,1999:blog-2356249235441299353.post-34027785863295630092008-04-21T18:36:05.000+02:002008-04-21T18:36:05.000+02:00Jag suger på CSS, och jag har ingen lösning. Däremot så hade det varit intressant att se hur du tänker tackla radbrytningar i fallet om något ord i beskrivningen har en bredd som är större än bredden på rubriken... :)<br><br>(Fullösningen är givetvis att aldrig ha så långa ord).Mattiashttp://arrelid.com/noreply@blogger.com