HTML gevorderde |
|
Ik heb geen idee van layers... met divjes zou je het op deze manier kunnen doen:
<html>
<head>
<title>Title</title>
<style>
div#div1 {
position: relative;
border-color: rgb(255,0,0);
border-style: solid;
height: 150px;
width: 500px;
}
div#div1-a {
display: inline;
position: relative;
}
div#div1-b {
display: inline;
position: absolute;
bottom: 0;
right: 0;
border-color: rgb(0,0,255);
border-style: solid;
height: 20px;
}
</style>
</head>
<body>
<div id="div1">
<div id="div1-a">
...
</div>
<div id="div1-b">
© 2007
</div>
</div>
</body>
</html>
<html> <head> <title>Title</title> <style> div#div1 { position: relative; border-color: rgb(255,0,0); border-style: solid; height: 150px; width: 500px; } div#div1-a { display: inline; position: relative; } div#div1-b { display: inline; position: absolute; bottom: 0; right: 0; border-color: rgb(0,0,255); border-style: solid; height: 20px; } </style> </head> <body> <div id="div1"> <div id="div1-a"> ... </div> <div id="div1-b"> © 2007 </div> </div> </body> </html>
|