Hallo zusammen,
ich habe eine Internetseite erstellt, die eine Breite und Höhe von 100% hat. Die jeweiligen Elemente habe ich auch richtig angeordnet, so dass sie je nach Auflösung immer an der "richtigen" Stelle sitzen. Nun ist mein Problem, dass ich die Größe der Schrift an die Auflösung des Browserfensters anpassen will.
Welche Angabe muss ich dann machen? Ich habe es schon mit pt, px und auch em probiert.
Hier mein CSS Code zum besseren Verständnis
Danke schonmal im Voraus.
ich habe eine Internetseite erstellt, die eine Breite und Höhe von 100% hat. Die jeweiligen Elemente habe ich auch richtig angeordnet, so dass sie je nach Auflösung immer an der "richtigen" Stelle sitzen. Nun ist mein Problem, dass ich die Größe der Schrift an die Auflösung des Browserfensters anpassen will.
Welche Angabe muss ich dann machen? Ich habe es schon mit pt, px und auch em probiert.
Hier mein CSS Code zum besseren Verständnis
Code:
body{
margin:0px;
padding:0px;
width:100%;
height:100%;
overflow:hidden;
}
#corpus{
width:100%;
height:100%;
}
#background{
position:absolute;
z-index:1;
width:100%;
height:100%;
}
#logo{
width:27%;
height:15%;
z-index:2;
position:absolute;
}
#navi{
width:55%;
height:20%;
margin-left:13%;
bottom:0%;
z-index:2;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
text-align:left;
text-decoration:none;
color:#fefcd8;
}
#navi a:link, #navi a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
text-align:left;
text-decoration:none;
color:#fefcd8;
letter-spacing:0.05em;
}
#navi a:hover, #navi a:active, #navi a:focus{
color:#336600;
}
Danke schonmal im Voraus.