PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
s

css ronde hoekjes probleem (alweer)

Door superwauwie op 02-10-2008 17:14
1.191 views
Hallo iedereen,

Het lukt mij maar steeds niet om een ronde box te maken.
kijk:



Ik wil dus mijn div container ronde randjes aan de linker en rechter boven kant.
Dit is mijn css nu:

body {text-align: center; /*voor IE*/}
#container {width: 600px;text-align: left;
 /*voor IE */background: #66FF99;overflow: hidden;margin: 0 auto;}
#left {float: left;padding: 9px;width: 100px;background: #66FF66;border-right: 3px solid #66FF66;}
#main {margin: 0px 130px 0px 100px;padding: 9px;width: 500px;background: #33CCCC;border-right: 1px solid #33CCCC;}
* html #main {margin: 0px 50px 0px 130px;padding: 36px;width: 400px;background: #CCFFFF;border-right: 1px solid #33CCCC;}
#under {float: left-bottom;padding: 12px;width: 609px;margin-top: 150px;background: #33CC33;


Ik hoop dat ik het nu wel snap.

Heel super erg bedankt alvast,
Superwauwie
b
bart van der veen
02-10-2008 17:29
zal ff even voorbeeltje freubelen


<html>
<head>
<style>
*{
margin:0px;
padding:0px;
}
body{
background:#000;
}
#corner-right{
height:50px;
background: url('Untitled-1_01.jpg') top left no-repeat;
}
#corner-left{
position:relative;
float:right;
width:50px;
height:50px;
background:url('Untitled-1_02.jpg') top right no-repeat;
}
#main_body{
position:absolute;
width:80%;
height:80%;
top:10%;
left:10%;
background:#90bcd3;
}
</style>
</head>
<body>
<div id="main_body">
	<div id="corner-right">
		<div id="corner-left"></div>
	</div>
</div>
</body>
</html>

s
superwauwie
02-10-2008 18:17
Oke bedankt. Het is al gelukt met die randjes, alleen natuurlijk weer het probleem met css verschil in internet explore en firefox... >.>

Reageren

Inloggen om te reageren