[HTML/PHP/CSS/JAVASCRIPT]Bilder an Bildschirmgröße anpassen?

Acrio · 29. Oktober 2012

Hi. Ich ahbe ein Bild welches ich mit

CSS

style(width und height)

auf meinen Bildschirm angepasst habe. Nun ist jedoch mein Freund auf die Seite gegangen und ich habe Chrome und er I-Net explorer. Bei ihm ist nicht an der Größe passiert sondern alles standart geblieben- Wie ändere ich das? Außerdem konnte er kein Filedset sehen.

Kaliber · 29. Oktober 2012

Zitat von Acrio

Wie ändere ich das?

Internet Explorer rechtsklick drauf und auf löschen klicken

Spaß beiseite, es ist einfach so, dass der Internet Explorer Seiten etwas anders (richtig Scheiße) ausliest

mfg.

Jony · 29. Oktober 2012

Es kann an vielen Sachen liegen.
Im Normfall interpretieren alle Browser ähnlich. Es gibt keine großen Unterschiede bei den Standardfunktionen. (Bei HTML 5 ist das wiederrum was anderes)
Zeig mal Deinen Code.

Acrio · 29. Oktober 2012

PHP

<fieldset class="Field1">
                      <?php


                           if($loggedin == 1) {
                                echo"<label class='In-Field1' style='left:95;'>Angemeldet als:</label>";
                                echo"<a href='/users/$name.php' class='In-Field1' style='left:200px;'>$name</a>";
                                echo'<a href="/abmelden.php" class="In-Field1" style="left:260px;">Abmelden</a>';
                           }
                           else {
                                echo'<a href="/anmelden.php" class="In-Field1" style="left:250px;">Anmelden</a>';
                                echo'<a href="/register.php" class="In-Field1" style="left:350px;">Registrieren</a>';
                           }
                      ?>
            </fieldset>

Alles anzeigen

Das ist zwar kein Bild aber das sieht er z.B. garnicht.
Und hier das mit dem Bild.

HTML

<img src="http://acrio.bplaced.net/Bilder/Header.png" style="position:absolute; left:0px; top:30px;">

Jony · 29. Oktober 2012

Ja, dass ist jetzt schwer zu sagen.
Positionierst Du die Bilder absolut oder relativ?

Acrio · 29. Oktober 2012

Eigentlich absolute.

Jony · 29. Oktober 2012

Am besten ist es, wenn Du jedem Bild eine eindeutige ID zuweist. Somit läufst Du keine Gefahr, dass sich was "vermischt".
Beispiel:

PHP

<img src="img/test.png" alt="test" id="bild_1" />

Somit kannst Du in Deiner CSS-Datei einfach folgende Angaben machen:

PHP

#bild_1 { width: 150px; height: 150px }

So kannst Du das Bild wirklich eine Größe zu ordnen. (Sollte das nicht klappen, dann kann es durchaus an verschiedenen Faktoren liegen, Browser, etc.)

//edit:
Das ein Bild gar nicht angezeigt wird, kann vielleicht daran liegen, dass der Pfad falsch ist. Vielleicht ist Dein Freund auch nicht eingloggt.

Acrio · 29. Oktober 2012

Zitat von Jony

Am besten ist es, wenn Du jedem Bild eine eindeutige ID zuweist. Somit läufst Du keine Gefahr, dass sich was "vermischt".
Beispiel:

PHP-Quelltext
1
<img src="img/test.png" alt="test" id="bild_1" />

Somit kannst Du in Deiner CSS-Datei einfach folgende Angaben machen:

PHP-Quelltext
1
#bild_1 { width: 150px; height: 150px }

Alles anzeigen

Ich fidne es einfacher wenn ich einfach style=" hinterschreibe. Und außerdem habe ich das schon mit class.

CSS

body {
                        height:100%;
                        background:#eee;
                   }
                   fieldset.Field1 {
                        position:absolute;
                        left:0px;
                        right:0px;
                        top:0px;
                        height:15px;
                        border:none;
                        background:#000;
                   }
                   a.In-Field1 {
                        font-family:arial;
                        text-decoration:none;
                        color:#fff;
                        font-size:14;
                        position:absolute;
                   }
                   label.In-Field1 {
                        font-family:arial;
                        text-decoration:none;
                        color:#fff;
                        font-size:14;
                        position:absolute;
                   }
                   a.In-Field1:hover {
                        text-decoration:underline;
                   }
                   label.Info-Label {
                        color:#00f;
                        font-size:24;
                   }
                   #link {
                        position:absolute;
                        left:50px;
                   }

Alles anzeigen

Jony · 29. Oktober 2012

Gib mir mal den Teil, wo Du Dein Bild hast. (CSS und HTML)

Acrio · 29. Oktober 2012

CSS

<img src="http://acrio.bplaced.net/Bilder/Header.png" style="position:absolute; left:0px; top:30px;">

Hier.

Jony · 29. Oktober 2012

Ersetz das mal hiermit:

PHP

<img src="http://acrio.bplaced.net/Bilder/Header.png" height="150px" width="150px" style="position:absolute; left:0px; top:30px;">

Acrio · 29. Oktober 2012

Jetzt ist es ein 150*150 Rechteck. Wie mache ich jetzt das es links und rechts an die Seiten andockt?

Jony · 29. Oktober 2012

Ein Fieldset mit der Größe des Bildes?

Acrio · 29. Oktober 2012

Ist das ne Frage oder eine Antowort?

Jony · 29. Oktober 2012

Beides. Da ich Dein Gerüst jetzt nicht kenne, ist dass auch schwer eine Aussage zu zu machen.

Acrio · 29. Oktober 2012

Und müsste das filedset dann diese positionen haben?

HTML

<fieldset style="position:absolute; left:0px; right:0px;>Hier das Bild</fieldset>

breadfish.de 11. März 2022