Endnu engang mange tak for jeres kommentare!
Jeg kan ikke helt få det til at gøre som jeg gerne vil. jeg har følgende problem med nedenstånede kode:
Menuen i venstre side (menu_left) udvider sig ikke dynamisk, den skulle gerne tilpasse sig i breden alt efter hvor lang teksten er. i IE7 kan jeg se lidt af den i Firefox er den helt væk.
<!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 runat="server">
<title>Untitled Page</title>
<style type="text/css">
#profilmenu
{
position: absolute;
height: 181px;
border: solid 1px black;
background-color: Aqua;
}
.menu_left
{
float: left;
text-align: left;
padding: 0 10px 0 10px;
}
#undermenu
{
position: absolute;
bottom: 10px;
margin: 0;
padding: 0;
}
#undermenu li
{
list-style-type: none;
}
#undermenu li a:link,
#undermenu li a:active,
#undermenu li a:visited
{
text-decoration: none;
color: #fff;
}
#undermenu li a:hover
{
text-decoration: none;
color: #ccc;
}
#profil_right
{
position: relative;
width: 180px;
height: 181px;
text-align:right;
float: left;
background-color:Green;
}
.hoejre_bund
{
width: 180px;
left: -10px;
position: absolute;
bottom: 10px;
}
.menu_teaser
{
color: #666;
font-weight: bold;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="profilmenu">
<div id="wrapper">
<div class="menu_left">
<ul id="undermenu">
<li>menu 1</li>
<li>menu 2</li>
</ul>
</div>
<div id="profil_right">
<div class="hoejre_bund">
<p class="menu_teaser">
Lorem ipsum dolor<br />
sit amet
</p>
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
