Archief - css div afgeronde hoeken

hey mensen,

ik zit met een volgend probleem in mijn css. Meeste mensen gebruiken tabellen om alles mooi te laten uitlijnen, maar ik gebruik div. Voor mijn content gebruik ik een afgeronde div. Dit is door de omtrek niet te laten doorlopen in de hoeken en images in de hoeken te plaatsen. Maar mijn probleem zitem nu ik de site online heb gezet. In Mozilla en Opera geeft hij de corners goed weer, maar in IE blijven ze weg. Nogtans werkt het in IE op mijn localhost.

.corner-tl, .corner-tr, .corner-bl, .corner-br {
background-color: #4182B5;
position: relative;
width: 19px;
height: 19px;
display: none;
}
.corner-tl, .corner-bl { float: left; left: 0px; }
.corner-tr, .corner-br { float: right; right: 0px; }
.corner-tl, .corner-tr { top: 0px; }
.corner-bl, .corner-br { bottom: 0px; margin-top: -19px;top: -18px;}
html>body .corner-tl { background: #4182B5 url('../images/corner-tl.png') no-repeat left top; }
html>body .corner-tr { background: #4182B5 url('../images/corner-tr.png') no-repeat right top; }
html>body .corner-bl { background: #4182B5 url('../images/corner-bl.png') no-repeat left bottom; }
html>body .corner-br { background: #4182B5 url('../images/corner-br.png') no-repeat right bottom; }
.corner-tl { filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner-tl.png',sizingMethod='scale'); }
.corner-tr { filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner-tr.png',sizingMethod='scale'); }
.corner-br { filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner-br.png',sizingMethod='scale'); }
.corner-bl { filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner-bl.png',sizingMethod='scale'); }

.corner-tl, .corner-tr, .corner-bl, .corner-br {
display: block;
}
.corner-bl, .corner-br {
top: 0px;
}

Dit is de css code die ik gebruik voor de corners. Ik begrijp niet dat hij ze toont in Mozilla en Opera en niet in IE. Meestal is het andersom hopelijk kan iemand me helpen

http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/

Talos, waarom code tags???waar zou ik die moeten gebruiken en serious, bedankt voor de site, maar ik zou niet weten waarom de methode aan te passen. Het werkt op mijn localhost onder alle browsers.Enkel online is het IE dat het laat afweten.

Kheb prob gevonden. Hij geeft de hoeken niet weer in mijn index pagina, al de rest wel. Komt door de url en src dat ingevuld staan. Al mijn andere files bevinden zich in een subfolder. Enkel de index staat in rootfolder. Nu is mijn vraag, hoe kan ik dit aanpassen dat het voor beide toch zou werken???

D@ Mick zei:

Talos, waarom code tags???waar zou ik die moeten gebruiken en serious, bedankt voor de site, maar ik zou niet weten waarom de methode aan te passen. Het werkt op mijn localhost onder alle browsers.Enkel online is het IE dat het laat afweten.

Klik om te vergroten...

Code-tags op dit forum maw: [ code] en [/ code]

absolute links gebruiken, dus ofwel: http://www.web.be/mappen/images/img.gif of /mappen/images/img.gif

omdat een stukje code er tussen [ code] en [ / code ] veel beter uitziet dan gewoon als tekst


document.getELementById("testid").style.width = "400px";
// diezelfde 5 extra spaties maar nu slechts tot 1 spatie gereduceert!