Det löste sig när jag la till
<div class="clearing"> </div>
Innan jag stängde footer diven.
En till clear var det som behövdes.
.clearing {
height: 0;
clear: both;
}
Frågan#1
Hej,
Har lite CSS problem. Jag vill ha två block bredvid varandra i min sidfot. Koden fungerar bra i alla webbläsare förutom safari. Skickar med en bild på hur det ser ut och lite kod.
Någon som har tips på hur jag löser det?
<div id="footer">
<div id="left">
<p>
© Lorem ipsum dolor sit amet<br />
<a href="/contact/">Lorem ipsum dolor sit amet</a><br />
<a href="/page/">Lorem ipsum dolor sit amet</a>
</p>
</div>
<div id="right">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr...
</p>
</div>
</div>
Sidfoten ligger omsluten av #container och under #content
#footer {
clear: both;
font-size: 80%;
border-top: 1px solid #ccc;
overflow: hidden;
}
#footer #left {
float: left;
width: 25%;
background: #F4F4F4;
border-right: 1px solid #CCC;
}
#footer #right {
float: right;
width: 70%;
}
#footer #left p {
padding: 5px 5px 5px 20px;
}
#footer p {
padding: 5px;
}
