Ergebnis 1 bis 5 von 5

Thema: Background dynamich??

  1. #1
    thecrazykaktus
    Gast

    Standard Background dynamich??

    Hi und zwar möchte ich folgendes tuen und zwar wird meine Page auf einer größe von 1280x1024 optimal dargestellt und auch bei 1024x768 jedoch mit einer einschränkung bei 1024x768 und zwar ist das background image dann zu groß!

    ist es mir möglich das wenn ich eine auflösung von 1024x768 habe das sich das background automatisch auf eine richtige auflösung skalliert?
    Derzeit sieht das so aus!

    Code:
    <body leftmargin="1" background="images/westie3.gif" bgcolor="#FFFFFF" text="#000000" link="#108AFF" vlink="#108AFF" alink="#108AFF">
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ob und wie es mit background-image geht, hab ich noch nicht herausgefunden.
    Mit einem normalen image geht es so:
    Code:
    [img]image.jpg[/img]
    Anstelle der Pixlewerte des Bildes gibst du im Verhältnis der Pixel Prozentwerte für Breite und Höhe an. Damit passt sich das Bild jeder Auflösung an.

    Falls jemand noch ne Lösung für background-image hat, würd's mich auch interessieren.

    edit:
    Hab' grad was gefunden: Background skalieren geht nicht. Soll aber mit CSS 3 (irgendwann in 5 - 8 Jahren) kommen.

  3. #3
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich habe bei einem ähnlichen Problem eine andere Lösung gewählt:

    1. ein paar Grafiken entsprechend der gängisten Auflösungen angefertigt und auf den Webspace geschoben, z.B. bg800.jpg, bg1024.jpg, bg1200.jpg u.s.w.

    Dann wird bei Aufruf der HP ein Javascript gestartet, welches die Bildschirmauflösung (besser wäre die innere Browserauflösung) ermittelt und dann einen passen Hintergrundbild lädt:
    Code:
    <script type="text/javascript" language="JavaScript">
       <!--
    var scw  = screen.width;
    var sch  = screen.height;
    
    if&#40;scw >    0&#41; size = 800;
    if&#40;scw >  800&#41; size = 1024;
    if&#40;scw > 1024&#41; size = 1152;
    if&#40;scw > 1152&#41; size = 1280;
    if&#40;scw > 1280&#41; size = 1600;
    
    function bg&#40;&#41;
      &#123;
      document.getElementsByTagName&#40;"body"&#41;&#91;0&#93;.style.backgroundImage = "url&#40;'images/bg"+size+".jpg'&#41;";
      &#125;
    
    window.setTimeout&#40;"bg&#40;&#41;",1000&#41;;
    -->
    </script>
    G.a.d.M.

    Ronald

  4. #4
    thecrazykaktus
    Gast

    Standard Hintergrund

    Das mit der javascriptfunktion finde ich sehr gut nur wie rufe ich denn dann diese funktion auf habe es jetzt so gemacht aber funktioniert halt nicht?!
    Code:
    <html>
    <head>
    <title>My Webpage Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="css.css" rel="stylesheet" type="text/css">
    
    <style type="text/css">body,td,th &#123;font-family&#58; Browser Default Font; font-size&#58; x-small; &#125;</style>
    
    <style type="text/css">
    <!--
    body &#123;
    	background-repeat&#58; no-repeat;
    	margin-top&#58; 1px;
    	margin-right&#58; 1px;
    	margin-left&#58; 1px;
    &#125;
    -->
    </style>
    <script type="text/javascript" language="JavaScript">
       <!--
    var scw  = screen.width;
    var sch  = screen.height;
    
    if&#40;scw >    0&#41; size = 800;
    if&#40;scw >  800&#41; size = 1024;
    if&#40;scw > 1024&#41; size = 1152;
    if&#40;scw > 1152&#41; size = 1280;
    if&#40;scw > 1280&#41; size = 1600;
    
    function bg&#40;&#41;
      &#123;
      document.getElementsByTagName&#40;"body"&#41;&#91;0&#93;.style.backgroundImage = "url&#40;'images/bg"+size+".jpg'&#41;";
      &#125;
    
    window.setTimeout&#40;"bg&#40;&#41;",1000&#41;;
    -->
    </script>
    
    
    
    </head>
    
    <body leftmargin="1" background="javascript&#58;bg&#40;&#41;" bgcolor="#FFFFFF" text="#000000" link="#108AFF" vlink="#108AFF" alink="#108AFF">
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="280" height="106" valign="top"  background="images/links.gif"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="20"></td>
            <td height="20"></td>
          </tr>
          <tr>
            <td></td>
            <td height="82" valign="top"></td>
          </tr>
        </table></td>
        <td width="440" background="images/rechts.gif"></td>
        <td align="right" background="images/auffueller.gif">
          </td>
      </tr>
      <tr>
        <td height="31" colspan="2"  background="images/balken.gif"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="120" align="center"><font size="2" face="Arial, Helvetica, sans-serif">Home</font></td>
            <td width="120" align="center"><font size="2" face="Arial, Helvetica, sans-serif">Kontakt</font></td>
            <td width="120" align="center"><font size="2" face="Arial, Helvetica, sans-serif">Gästebuch Info</font></td>
            <td width="120" align="center"><font size="2" face="Arial, Helvetica, sans-serif">Galerie</font></td>
            <td width="120" align="center"><font size="2" face="Arial, Helvetica, sans-serif">Aktueller Wurf</font></td>
            <td width="120" align="center"><font size="2" face="Arial, Helvetica, sans-serif">Links</font></td>
          </tr>
        </table></td>
        <td align="right" background="images/balken.gif">
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td width="120" align="center"></td>
            <td width="120" align="center"></td>
            <td width="120" align="center"></td>
            <td width="120" align="center"></td>
            </tr>
          </table></td>
      </tr>
    </table>
    <table width="100%" height="75%"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td></td>
        <td height="20"></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td width="800" valign="top">
        </td>
        <td></td>
      </tr>
      <tr align="right">
        <td height="35" background="images/balken_unten.gif" colspan="3"></td>
      </tr>
      <tr align="right">
        <td height="20" colspan="3"><CENTER>Home|Kontakt |Gästebuch |Galerie |Aktueller Wurf | Links
    
            <span class="Stil1">2006 © Copyright Krebsbach-Westie.de.</span><FONT color=white>
    
            
    
            </FONT>
        </CENTER></td>
      </tr>
    </table>
    
    
    </p>
    </body>
    </html>
    Kannst du mir da weiterhelfen?

  5. #5
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das Script ruft sich 1 Sekunde nach Ladebginn der HP ganz von selbst auf mit
    Code:
    window.setTimeout&#40;"bg&#40;&#41;",1000&#41;;
    Nimm mal das
    Code:
    <body leftmargin="1" background="javascript&#58;bg&#40;&#41;" bgcolor="#FFFFFF" text="#000000" link="#108AFF" vlink="#108AFF" alink="#108AFF">
    koplett alles raus und setze dafür einfach nur
    Code:
    <body>
    Die Linkfarben pp. definiert man besser mit CSS, wie du es ja teilweise auch schon gemacht hast.

    G.a.d.M.

    Ronald

Ähnliche Themen

  1. background IE/FF
    Von lale im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 12.09.2007, 11:25
  2. Background CSS?
    Von XYZ im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 08.04.2007, 23:25
  3. was ist mit dem background los ?
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 14.09.2006, 16:18
  4. Div im background?
    Von ad3nau im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 23.07.2006, 17:55
  5. Background
    Von mauritius im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 23.01.2003, 17:59

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •