mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 12:15 Benutzername: Passwort: Auto-Login

Thema: Bildergröße Website vom 13.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bildergröße Website
Seite: Zurück  1, 2, 3, 4  Weiter
Autor Nachricht
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 15:57
Titel

Antworten mit Zitat Zum Seitenanfang
Irgenwie nicht.

http://www.canfischer.de/web/Untitled-2.html

Nimm dir mal einen Texteditor und schmeiß das raus.

Und

Code:

#wrapper img {
  height:100%;
  width:100%;
}


fehlt auch bei dir.
Deswegen kommt auch der Scrollbalken.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 16:00
Titel

Antworten mit Zitat Zum Seitenanfang
JanG hat geschrieben:
Danke für den Hinweis!
Habs bisher nie gebraucht, aber gut zu wissen.

Gibts bei den Bildern was zu beachten?
Wie Lucas schon fragte > Min. Grösse?
Ist wahrscheinlich nicht userfreundlich,
aber lieber nen grosses Bild runterskalieren, oder?
Ist zumindest bei Flash so! *ha ha*

Peaze!


Ja sie sollten von den Proportionen immer dem Element entsprechen welches das Bild enthält.

Ich nutze diese Technik immer. Bsp ThumbImages auf deiner Webseite. Wenn Du dann wie ich immer nur mit em werten arbeitest, kannst Du erreichen das das Bild proportional mit vergrößert wird. Passt sich also dem Layout an.
Bei solchen "Background Images" ist es im Prinzip das selbe.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Benutzer 37069
Account gelöscht Threadersteller


Ort: -

Verfasst Di 13.04.2010 16:00
Titel

Antworten mit Zitat Zum Seitenanfang
ich näher mich an..ist noch nicht perfekt

http://www.canfischer.de/web/Untitled-2.html
 
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 16:03
Titel

Antworten mit Zitat Zum Seitenanfang
lucas561 hat geschrieben:
ich näher mich an..ist noch nicht perfekt

http://www.canfischer.de/web/Untitled-2.html


Nein. Da fehlt alles komplett was ich gepostet hatte.
Die Größenangaben des #wrappers, die der kaskade für img in #wrapper.

Auch ist overflow:hidden total überflüsssig. Denn wenn der wrapper nur 100% in Breite und Höhe nutzen darf, kann es nicht passieren das das Bild übersteht. Da Dein Bild ein Hochformat hat, wird es in diesem Fall leider (bei der korrekten lösung) immer unproportional sein.
  View user's profile Private Nachricht senden
Benutzer 37069
Account gelöscht Threadersteller


Ort: -

Verfasst Di 13.04.2010 16:11
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.canfischer.de/web/Untitled-2.html

wie groß soll denn das bild sein, damit es korrekt angezeigt wird und auch auf nem 17 zoll
noch browserdeckend angezeigt wird? sorry-bin ja wirklich nur LAIE....
 
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 16:16
Titel

Antworten mit Zitat Zum Seitenanfang
lucas561 hat geschrieben:
http://www.canfischer.de/web/Untitled-2.html

wie groß soll denn das bild sein, damit es korrekt angezeigt wird und auch auf nem 17 zoll
noch browserdeckend angezeigt wird? sorry-bin ja wirklich nur LAIE....


Es ist egal wie groß Dein Bild ist.
Es ist wichtig das der SourceCode stimmt.

So jetzt habe ich Deinen nochmal korrigiert

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>foo</title>
  <style type="text/css" media="screen">
      * {
        margin:0;
        padding:0;
      }
      body, html {
        height:100%;
        width:100%;
      }
      #wrapper {
      position:relative;
      z-index:1;
      width:100%;
      height:100%;
      }
      #wrapper img {
      height:100%;
      width:100%;
      border:none;
      }
   
  </style>
</head>
<body>
   <div id="wrapper">
      <img src="Unbenannt-1.jpg" alt="Bild" />
   </div>
</body>
</html>


Zuletzt bearbeitet von Kash am Di 13.04.2010 16:19, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Benutzer 37069
Account gelöscht Threadersteller


Ort: -

Verfasst Di 13.04.2010 16:24
Titel

Antworten mit Zitat Zum Seitenanfang
hab deinen code reingebastelt. immer noch scrollbalken.....der ist sehr zäh * grmbl *
 
Benutzer 37069
Account gelöscht Threadersteller


Ort: -

Verfasst Di 13.04.2010 16:26
Titel

Antworten mit Zitat Zum Seitenanfang
danke für deine hilfe!!!
 
 
Ähnliche Themen xt:commerce - Bildergröße nachträglich ändern
Website ist nicht gleich Website - Artikel / Infos gesucht
PDF auf die Website
Website in ie6 und ie7
pdf in website
Bilder für website
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB