Hej!
Håller på med strukturen för en ny sajt och har ett problem. Mina <li> element förskjuts enl. den bifogade bilden.
Koden:
<body>
<div id="container">
<div class="imgStart">
<ul>
<li>Read more about the fishing for the arctic gold of the sea</li>
<li>Read more more recipies</li>
</ul>
<div class="footer clearfix">
<p class="note">...</p>
<p class="icon">...</p>
</div>
</div>
</div>
</body>
..och stilmallen:
div.imgStart {
position: relative;
width: 960px;
height: 450px;
background: url(../images/pix.gif) repeat #000 0px 0px;
}
div.imgStart ul {
position: absolute;
bottom: 75px;
left: 20px;
}
div.imgStart ul li {
line-height: 1.5em;
}
div.imgStart div.footer {
width: 928px;
margin: 0px 5px;
position: absolute;
bottom: 5px;
left: 0px;
}
div.footer {
padding: 5px 10px 0px 10px;
background-color: #000;
border: 1px #a7a9ac solid;
}
Den lila boxen representerar en bakgrundbild som kommer senare. Vad är fel? Går det här att lösa på något smidigare sätt?
Tack!
