tutorials.de-Buchverschenkaktion 08/2010
+ Auf Thema antworten
  1. #1
    mediaroad mediaroad ist offline Mitglied Silber mediaroad hat eine blütenweiße Weste
    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 D34DL1NES zeigte ein beschämendes Verhalten in der Vergangenheit
    Registriert seit
    Nov 2007
    Beiträge
    117
    % ist was du suchst.

  3. #3
    mediaroad mediaroad ist offline Mitglied Silber mediaroad hat eine blütenweiße Weste
    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 mediaroad hat eine blütenweiße Weste
    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 D34DL1NES zeigte ein beschämendes Verhalten in der Vergangenheit
    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 D34DL1NES zeigte ein beschämendes Verhalten in der Vergangenheit
    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. Design an Auflösung anpassen
    Von tadlos im Forum HTML-Editoren
    Antworten: 14
    Letzter Beitrag: 20.03.07, 22:27
  2. HP der Auflösung anpassen
    Von Fosco im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 17.11.06, 10:22
  3. Background an Auflösung anpassen
    Von Sebabo im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 26.06.05, 14:49
  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

Lesezeichen

Lesezeichen