Jørgen Farum Jensen skrev den 12-11-2010:
> Den 12-11-2010 12:32, Poda skrev:
>> Hejsa.
>>
>> Jeg har nok set mig blind på problematikken her:
>>
>> I nedenstående var hensigten, at de to elementer skal være 98px
>> fra toppen, men når padding er sat som jeg har gjort, forøges
>> div'en med de 98px, så højden bliver 247 i stedet for 149...
>>
>> Hvor er det gået galt?
>>
>> ***********************************************************
>> <style>
>> .costum-searchbox {padding: 98px 0px 0px 0px; height:149px;
>> width:250px;
>> background-image:url(/Resources/Files/grafik/sog-soeg-search-poda
>> .jpg); background-repeat:no-repeat; text-align:center;}
>> .costum-searchbox .text {font-family: verdana; width:160px;
>> height:14px; valing:middle;}
>> .costum-searchbox .submit {font-family: verdana; font-size:10px;}
>> </style>
>>
>> <body>
>> <!-- Søg start -->
>> <div class="costum-searchbox">
>> <form action="/search.aspx" method="GET">
>> <input name="keyword" type="text" class="text" />
>> <input type="submit" value="$text.button_search$" class="submit"
>> />
>> </form>
>> </div>
>> <!-- Søg slut -->
>> </body>
>> ***********************************************************
>>
>>
>
> Et elements højde (og bredde) bestemmes
> af summen af indholdets højde (eller bredde)
> plus padding plus borders. Hvis du vil skabe
> luft over .custom-searchbox er det margin-top,
> du skal bruge.
Eller:
Den width eller height du angiver, er den brgbare plads indvendigt i
elementet, padding, border og margins skal lægges til, for at beregne
den højde det hele kommer til at fylde på skærmen.
Og så er margin lidt speciel, ved at margins fra naboelementer kan
overlappe.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk