Provade att göra en stor "runda-hörns"-div med hjälp av bilder.
Nu undrar jag lite vad det är som blir fel.
Om jag lägger en text inom <p> så följer diven med och anpassar sej längdmässigt efter texten.
Om jag däremot stoppar in lite andra divar i den stora,
så funkar det inte. Dom nästlade divarna hamnar utanför.
Min css:
.topp {
background-image: url(images/corners/top2.gif);
background-repeat: no-repeat;
}
.mitten {
background-image: url(images/corners/middle2.gif);
background-repeat: repeat-y;
padding-right: 30px;
padding-left: 30px;
}
.nere {
background-image: url(images/corners/bottom2.gif);
background-repeat: no-repeat;
}
/*Dom mindre, nästlade divarna */
#huvud {
width: 100%;
margin-bottom: 10px;
background-image: url(images/logga.jpg);
background-repeat: no-repeat;
height: 100px;
background-color: #ebf0f4;
}
#meny {
float: left;
width: 20%;
border: 1px solid #CCCCCC;
background-color: #ebf0f4;
}
#sidor {
float: right;
width: 75%;
border: 1px solid #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
line-height: 15pt;
color: #333333;
background-color: #FFFFFF;
margin-left: 5px;
margin-bottom: 10px;
text-align: left;
padding: 10px;
}
Min html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stilmall.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="middle">
<div class="top">
<div class="bottom">
<div id="huvud"></div>
<div id="meny">Meny</div>
<div id="sidor">Sidor</div>
</div>
</div>
</div>
</body>
</html>
Om jag istället byter ut divarna "huvud", "meny" och "sidor" och ersätter dom med en <p> med en massa text i så funkar det.
Varför?
/anders