CSS Problem

[#lemon]

ich habe ein kleines problem,
und zwar habe ich in meiner css datei den header mit height:7% definiert
ich möchte jetzt, dass ein bild in diesen header kommt, welches dann mit
der größe 5% dargestellt werden soll, also oben und unten 1% frei..

nur wie setze ich das um?

hoffe ihr könnt mir helfen

mfg lemon

[MrPuschel]

Das Attribut height gibt nicht die absolute Höhe im Kontext der gesamten Seite an, sondern geht von der eigenen Höhe aus.

   <div style="height:7%;">Hell World!</div>

Bedeutet also nicht das du 7% der Seite als Höhe bekommst, sondern nur 7% von der aktuellen Höhe des divs.

Den Effekt den du haben möchtest kannst du erzielen, indem du dem container der das element enthält eine entsprechende Höhe zuweist. Wie du das machst siehst du hier:

Das ist aber keine sehr günstige Lösung, arbeite lieber mit Pixeln.

[#lemon]

Ich habe auch dem Container die Größe 7% zugewiesen

Und mit Pixeln arbeiten..
Dann sieht die Website ja auf jedem pc anders aus..

[MrPuschel]

Am besten arbeitest du mal das hier durch:

[#lemon]

ok danke werds mir mal ansehen

[Yggdrasil1996]

margin befehl mit % setzen? o.O warum so kompliziert
DU könntest auch einfach die document hight auslesen und dann umrechnen

[#lemon]

sorry ich habe ncoh nicht so viel ahnung von css ^^

jetzt mein nächstes problem:

wie ändere ich die font size von der schrift eines buttons?

im head

 Spoiler

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
var zuklapptext = "Contact";
var aufklapptext = "Contact";
$(".pre-spoiler").children("input").toggle(
function(){
this.value = zuklapptext;
$(this).parent().children(".spoiler").first().slid eDown();
}, function(){
this.value = aufklapptext;
$(this).parent().children(".spoiler").first().slid eUp();
});
});
/* ]]> */
</script>

im body

 Spoiler

<div class="pre-spoiler">
<input name="button" type="button" value="Contact" style="border-style:none;" style="font-size:30px;"

 Spoiler

so geht es nicht

>
<div class="spoiler" style="display: none;">testtext</div>
</div>

@edit: habs hinbekommen

style="font-size:20px; border-style:none;"