Anzeige

layout an auflösung anpassen - verwirrt!!

layout an auflösung anpassen - verwirrt!! | PSD-Tutorials.de

Erstellt von churrachula, 15.07.2008.

  1. churrachula

    churrachula Guest

    layout an auflösung anpassen - verwirrt!!
    hallooo, ich hab da mal ne dringende frage, und zwar hab ich auf myblog.de mir n layout zusammengebastelt, unnd es klappte bisher auch ganz gut, bis ich ann irgendwann gemerkt habe, dass die hp auf pc höherer auflösung "abgeschnitten" aussieht.

    hab n bisschn gegoogled und dann gesehen,dass ich das hintergrundbild nur in 100% angeben muss(hatte vorher height=1000 und weight= 0 oder so ähnlich)
    ...hab das jetzt auch gemacht, das passt sich jetzt auch wunderbar an, allerdings verschieben sich dann die anderen sachen alle..?ich bin total verwirrt, kann mir da jemand weiterhelfen?
    website: www.myblog.de/kantutas

    Quellcode:
    <html>
    <head>
    <title>Kantuta</title>
    <style>
    body { scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #777777;
    scrollbar-track-color: #000000;
    </style>
    <style type="text/css">
    <!--
    a:link { color: #FFFFFF; cursor:default; text-decoration: none}
    a:visited { color: #FFFFFF; cursor:default; text-decoration: none }
    a:active { color: #FFF15A; cursor:default; text-decoration: none}
    a:hover {color: #FFFFFF; cursor:default; text-decoration: none}
    -->
    </style>
    b {color: #FFFFFF;}
    i {color: #FFFFFF;}
    u {color: #FFFFFF;}
    <style>
    a { color: #FFFFFF; }
    TEXTAREA { Color: #FFFFFF;
    Background-Color:#bbbbbb;
    Font-Family: Verdana;
    Font-Size: 10pt;
    Border: 1px solid #FFFFFF;
    }
    INPUT { Color: #FFFFFF;
    Background-Color: #bbbbbb;
    Font-Family: Verdana;
    Font-Size: 10pt;
    Border: 2px solid #FFFFFF;
    }
    .navi { color: #FFFFFF; }
    </style>
    <style type="text/css">
    .inhaltetable {
    width:750;
    }
    </style>
    <style type="text/css">
    TEXTAREA {
    width: 750; height: 75;}
    -->
    </style>
    <style type="text/css">
    INPUT{
    width: 100; height: 18;}
    -->
    </style>
    </head>

    <body bgcolor="#ffffff" topmargin="0" leftmargin="0">
    <img border="0" src="http://i123.photobucket.com/albums/o300/churrachula/Kkopievonneukantutalayoutgre.jpg" scroll="no" bgproperties= "fixed"
    ALIGN="left" WIDTH="100%",HEIGHT="100%" STYLE="position:absolute; top:0; left:0;" >

    <div style="overflow:auto; position: absolute; width:800; height:340; left:210; top:245">
    :CONTENT_HIER:
    </div>

    <div style="overflow:auto; position: absolute; width:700; height:100; left:70; top:215">
    <font size=3>
    <a href="kantuta - @ myblog.de> <a href="Unser Verein - kantuta - @ myblog.de Verein</a> <a href="Tänze - kantuta - @ myblog.de> <a href="Fotos - kantuta - @ myblog.de> <a href="Bolivien - kantuta - @ myblog.de> <a href="Links - kantuta - @ myblog.de> <a href="kantuta - @ myblog.de> <a href="Kontakt - kantuta - @ myblog.de>

    </font>
    </div>
    </body>
    {PLACE_POWEREDBY}
    </html>

    wär superlieb, danke schonmal imvorraus
    laura
     
    #1      
  2. Tattoomaus78

    Tattoomaus78 nemesis-artgroup.de

    654
    Dabei seit:
    23.08.2005
    Beiträge:
    5.328
    Geschlecht:
    weiblich
    Ort:
    auf und davon
    layout an auflösung anpassen - verwirrt!!
    AW: layout an auflösung anpassen - verwirrt!!

    bei mir passt alles...sowohl FF als auch IE 6 + 7

    Was genau ist bei dir nicht so wie es sein soll?
     
    #2      
  3. Feedback

    Feedback Noch nicht viel geschrieben

    Dabei seit:
    27.08.2007
    Beiträge:
    20
    Geschlecht:
    männlich
    Ort:
    Bremen
    layout an auflösung anpassen - verwirrt!!
    AW: layout an auflösung anpassen - verwirrt!!

    also bei mir passt da gar nix...liegt vielleicht an deiner auflösung?

    also bei mir ist alles querbeet über die seite verteilt und nichts so richtig da wo's hingehört.

    ich versuche mal rauszufinden warum und habe auch schon einen verdächtigen.

    die DIV container die deinen inhalt an die richtige stelle positionieren sollen stehen auf "position:absolute". damit sind sie unabhängig vom browser des users auf der position festgetackert. da sich aber die größe des headers bzw. des ganzen hintergrundes auf grund vom height=100% und width=100% je nach auflösung des users verzerrt passt das natürlich nur bei einer bestimmten auflösung. sobald sich die auflösung ändert ist das hintergrundbild verzogen. folglich auch die linien die zur strukturierung dienen sollen. die DIV container die aber per "position:absolute" festgetackert sind bewegen sich kein pixel. sie stehen da wo sie bei einer bestimmten auflösung unter der diese seite gebaut wurde (vermutlich 1024x768) auch stehen sollen. nur bei mir stehen die DIVs jetzt irgendwo im nirgendwo (auflösung 1440x900) weil die dimension des hintergrundbildes verändert hat.

    da das ganze ding ja bei myblog.de liegt bezweifle ich mal das man die ganze seite neu schreiben kann. folglich wäre die einzige lösung die mir jetzt einfällt das hintergrundbild wieder auf seine normalen maße zu setzen und es NICHT mit prozentangaben zu skalieren.

    aber vielleicht fällt ja jemandem hier noch ne lösung ein.
     
    #3      
Seobility SEO Tool
x
×
×