Zu den Aufzeichnungen der tutorials.de-Live-Workshops
ERLEDIGT
JA
ANTWORTEN
7
ZUGRIFFE
1594
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    mediaroad mediaroad ist offline Mitglied Silber
    Registriert seit
    Mar 2007
    Beiträge
    75
    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

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    
    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.
     

  2. #2
    D34DL1NES D34DL1NES ist offline Mitglied Gold
    Registriert seit
    Nov 2007
    Beiträge
    117
    % ist was du suchst.
     

  3. #3
    mediaroad mediaroad ist offline Mitglied Silber
    Registriert seit
    Mar 2007
    Beiträge
    75
    Danke für die schnelle Antwort. Aber mit % geht es leider auch nicht. Das ist der gleiche Effekt wie mit px.

    Hat jemand vielleicht noch eine andere Lösung?
     

  4. #4
    Maik Tutorials.de Gastzugang
    Hi,

    die Schriftgröße lässt sich meines Wissens nicht an die Bildschirmauflösung anpassen.

    mfg Maik
     

  5. #5
    mediaroad mediaroad ist offline Mitglied Silber
    Registriert seit
    Mar 2007
    Beiträge
    75
    Ok, trotzdem danke für eure Hilfe. Dann werde ich es wohl oder übel in em lassen. Ist glaube ich die beste Alternative.

    lg
     

  6. #6
    D34DL1NES D34DL1NES ist offline Mitglied Gold
    Registriert seit
    Nov 2007
    Beiträge
    117
    Also meines Wissen kann man nicht an die Auflösung, aber mit % an die Fenstergröße=(indirekt Auflösung) anpassen.

    siehe:

    http://www.exanto.de/die-richtige-sc...-internet.html
     

  7. #7
    Maik Tutorials.de Gastzugang
    Zitat Zitat von D34DL1NES Beitrag anzeigen
    Also meines Wissen kann man nicht an die Auflösung, aber mit % an die Fenstergröße=(indirekt Auflösung) anpassen.
    Versuch hiermit dein Glück:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta name="author" content="Maik">
    <meta name="date" content="2009-08-05">
    
    <title>tutorials.de | demo_D34DL1NES</title>
    
    <style type="text/css">
    <!--
    body {
    font-size:300%;
    font-weight:bold;
    }
    -->
    </style>
    
    </head>
    <body>
    
    <p>Test</p>
    
    </body>
    </html>

    mfg Maik
     

  8. #8
    D34DL1NES D34DL1NES ist offline Mitglied Gold
    Registriert seit
    Nov 2007
    Beiträge
    117
    ok. Dann doch nicht :/

    Aber es würde mit Javascript gehen, aber nur mit recht viel Aufwand.
     

Ähnliche Themen

  1. Auflösung individuell anpassen
    Von voelzi im Forum Microsoft Windows
    Antworten: 0
    Letzter Beitrag: 15.12.07, 17:54
  2. Design an Auflösung anpassen
    Von tadlos im Forum HTML-Editoren
    Antworten: 14
    Letzter Beitrag: 20.03.07, 22:27
  3. HP der Auflösung anpassen
    Von Fosco im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 17.11.06, 10:22
  4. Buttons an Auflösung anpassen?
    Von Christoph1972 im Forum .NET Archiv
    Antworten: 11
    Letzter Beitrag: 25.05.05, 14:04
  5. Seite an die Auflösung anpassen
    Von Avariel im Forum HTML & XHTML
    Antworten: 6
    Letzter Beitrag: 11.02.02, 14:31