HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Auflösungabhängiger style

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Auflösungabhängiger style

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Brikan



Anmeldungsdatum: 01.04.2009
Beiträge: 1

BeitragVerfasst am: 01.04.2009 13:21:28    Titel: Auflösungabhängiger style Antworten mit Zitat

Ich versuche mich seit kurzem in der eigenen Programmierung einer hp.

Jetzt will ich meine Styls der Auflösung anpassen.


ich hab es schon auf verschiedensten Wegen versucht.

Warum kann ich so :


<body style="background-image:url(Hinter.bmp); background-repeat:no-repeat;
background-position: 50% -50%;
background-color:#f3e8bd; height: 400px;width=300px;">

einen Hintergrund erstellen

so

<script type="text/javascript">

var wit = screen.width / 3
var hoc = screen.height / 3

document.write('
<body style="background-image:url(Hinter.bmp); background-repeat:no-repeat;
background-position: 50% -50%;
background-color:#f3e8bd; height:'+hoc+'px;width='+wit+'px;">')
</script>

aber nicht?

bzw Wie kann ich java Berechnungen in css einfließen lassen?

Wenn ich ne html Zeile mit java generieren lasse passt es. Aber wie zum teufen kann ich da noch css mit einbringen?


Oder geht das garnicht

Ich hoffe hier werde ich nicht wieder als Noob deklariert (das weiß ich selber) sondern bekomme ich Antworten die mir helfen.

Danke an die die überhaupt das hier lesen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 02.04.2009 10:34:16    Titel: Antworten mit Zitat

Hallo du,
mir ist irgendwie schleierhaft, was genau du willst. Soll das Hintergrundbild sich größenmäßig an die Bildschirmauflösung anpassen? Oder dessen Position immer mittig sein? Oder beides?

Grundsätzlich kannst du dem Body-Tag keine feste Größe zuteilen. Der body ist das gesamte Fenster für den Inhalt. Sprich das ist die Größe des Fensters, die der User für sich bestimmt hat.

Klar kannst du css mit Javascript kombinieren. Das geht auf vielen Wegen. Der eleganteste ist über das GetElementById-Objekt, welches so angewandt wird:
Code:
document.getElementById("cont").style.backgroundColor = "red";


Ich geh mal davon aus, dass dein Hintergrundbild immer gleich groß bleiben soll (sonst sieht es ja dämlich aus wenns gezerrt und gestreckt wird.

Somit ist die wohl einfachste Lösung (auflösungsunabhängig):

Code:
<html>
   <head>     
       <style type="text/css">
         body {
            background-color:#f3e8bd;
            text-align:center;}
            
         #content {
            background:url(hp60/images/head_bg.jpg) no-repeat;
            width:300px;
            height:400px;
            margin:0 auto;
            text-align:left;}
      </style>
   </head>
   <body>
      <div id="content">
           Hallo ich bin der Inhalt.
         </div>   
      </body>
</html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   HTML
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.