jag är omringad av runda kanter\ så ska det bli runda kanter runt texten.. Har löst det med tables dvs: ```php


	text text text

``` Kan lösa det med flera divar på samma sätt som med tables, men vill ha 1 div.. Den ska kunna ha dynamiskt antal bokstäver.. Har börjatr med en lösning som bara verkar funka i Mozilla som ser ut såhär: ```php .blobb:before { background: transparent url(img/ur.png) scroll no-repeat top right; /*margin-bottom: -20px;*/ /*height: 30px;*/ display: block; border: none; content: url(img/ul.png); padding: 0; } .blobb:after { display: block; line-height: 0.1; font-size: 1px; content: url(img/dl.png); margin: 0 0 -1px 0; /* height: 30px;*/ /* background: white;*/ background: transparent url(img/dr.png) scroll no-repeat bottom right ; padding: 0; } ``` ```php

Wee omringad av kanter!

``` Men problemet är att det ej funkar i IE.. Är trött och stressad hoppas allt blev rätt och ni förstår vad jag är ute efter, säkert massa stavfel.. Permalänk: https://www.webforum.nu/p/104918 ## #2 — Slarvpelle, 2004-06-03T20:01Z Re: Runda kanter i en div > **LOOlau skrev:** > > Hej.. > Har ett problem, vill göra runda kanter till en div.. > > Dvs så i fall jag skriver: > > \

jag är omringad av runda kanter\ > > så ska det bli runda kanter runt texten.. > > Har löst det med tables dvs: > > > ```php > > > > > > > > > > >


	text text text

> ``` > > > > Kan lösa det med flera divar på samma sätt som med tables, men vill ha 1 div.. > Den ska kunna ha dynamiskt antal bokstäver.. > Har börjatr med en lösning som bara verkar funka i Mozilla som ser ut såhär: > > > > ```php > .blobb:before > { > background: transparent url(img/ur.png) scroll no-repeat top right; > /*margin-bottom: -20px;*/ > /*height: 30px;*/ > display: block; > border: none; > content: url(img/ul.png); > padding: 0; > } > > .blobb:after > { > display: block; > line-height: 0.1; > font-size: 1px; > content: url(img/dl.png); > margin: 0 0 -1px 0; > /* height: 30px;*/ > /* background: white;*/ > background: transparent url(img/dr.png) scroll no-repeat bottom right ; > padding: 0; > } > ``` > > > > > > ```php >

Wee omringad av kanter!

> ``` > > > > Men problemet är att det ej funkar i IE.. > > Är trött och stressad hoppas allt blev rätt och ni förstår vad jag är ute efter, säkert massa stavfel.. Se även för en likande lösning, men som sagt det stöds inte av IE. En annan idé skulle kunna vara det här: .outer { position: relative; width: 50%; /\* nödvändig för IE \*/ border: 20px solid #000; } .corner {position: absolute;} .top {top: -20px;} .right {right: -20px;} .bottom {bottom: -20px;} .left {left: -20px;} \

lorem ipsum \

\ Verkar funka i IE5+, Mozilla/Gecko och Opera7. Däremot är Opera6 helt buggig, och kanske IE5/mac. Ibland kan det tyvärr uppstå "avrundningsfel" i olika textstorlekar, så att bottenramen lyser igenom nedanför hörnbilderna. Fler buggar finns här: För att få det att se snyggare ut i äldre webbläsare kan man ge bilderna storleken 1x1 pixel i HTML koden, och sedan förstora upp dem med CSS (som man då döljer för tex Opera6). Permalänk: https://www.webforum.nu/p/1360842 --- Tråden på webben: https://www.webforum.nu/amne/html-css/104918-runda-kanter-i-en-div