4 svar · 250 visningar · startad av Skarre
Jag har lagt en div runt en annan div och använder den yttre diven som skugga. Skugg-diven är 2 pixlar större och jag undrar om det är möjligt att få en att bete sig som en tabell vad gäller bredden. Alltså att den drar ihop sig så mycket det går om man inte specificerar någon bredd. Som det är nu måste jag göra enligt följande:
<div class="foo" style="width:102px;">
<div class="bar" style="width:100px"></div>
</div>
All formatering finns inte med i exemplet, men jag hoppas det framgår vad jag är ute efter. Jag vill slippa specificera bredd på den yttre diven.
Jag vet inte med den yttre, måste det vara den yttre som är fri?
Det går inte så här?
<div class="foo" style="width:102px; padding:1px; background:green;">
<div class="bar" style="width:auto; padding:1px; background:yellow;">text text text text text text text </div>
</div>
Mvh
Jan-Olov
Kanske detta kan vara intressant:
http://www.alistapart.com/articles/cssdropshadows/
Det behövs väl ingen yttre div, om jag fattat detta rätt.
<HTML>
<HEAD>
<style type="text/css">
div
{
width:100px;
height:100px;
background-color:green;
border-right:2px solid darkblue;
border-bottom:2px solid darkblue;
}
</style>
</HEAD>
<BODY>
<div>
</div>
</BODY>
</HTML>
bossse skrev:
Det behövs väl ingen yttre div, om jag fattat detta rätt.
Det har du alldeles rätt i. Ibland vet jag inte vad jag tänker med, men så var det ju också en fredag. ;)