mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:46 Benutzername: Passwort: Auto-Login

Thema: Bild (Foto) zentriert an Browsergröße anpassen? vom 28.07.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bild (Foto) zentriert an Browsergröße anpassen?
Seite: 1, 2  Weiter
Autor Nachricht
Zymot
Threadersteller

Dabei seit: 28.07.2012
Ort: Remscheid
Alter: -
Geschlecht: Männlich
Verfasst Sa 28.07.2012 13:52
Titel

Bild (Foto) zentriert an Browsergröße anpassen?

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen...
Stehe vor folgendem Problem... habe auch schon gegooglet aber nichts passendes gefunden, da es immer nur um Hintergrundbidler geht....

Ich habe ne schwarze startseite wo in der mitte ein Flyer gezeigt werden soll. mehr nicht.
Der Flyer hat die größe von ca. 800px breit und 1400px hoch.

Wenn jetzt jemand die Seite mit nem 15Zoll aufmacht mit einer Auflösung von 1024*768 dann sieht er ja nur nen drittel und muss scrollen... finde ich nicht toll...

Wie kann ich es im quellcode oder in der css datei oder mit javascript so einrichten, dass egal welche Auflösung, egal welche Große vom Browser, das Bild immer zentriert ist und über die ganze seite...
Ganze Seite aber in der Höhe, nicht in der Breite... sonst wäre es ja verzerrt...

Danke für Eure Hilfe...

lg
Salvatore
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Sa 28.07.2012 15:59
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn du nur Größe für eines der Maße vorgiebst, (also nur Höhe oder nur Breite,) richtet sich das zweite Maß proportional nach dem ersten.

So könntest du es mal versuchen:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Blub</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="content-style-type" content="text/css" />
<style type="text/css" media="screen"><!--
html, body {
   height: 100%;
   text-align: center;
}
img {
   height: 100%;
   border: none;
}
 --></style>
</head>
<body>
<a href="irgendwohin.html"><img src="deinbild.jpg" alt="bla"></a>
</body>
</html>


Zuletzt bearbeitet von top am Sa 28.07.2012 16:00, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Zymot
Threadersteller

Dabei seit: 28.07.2012
Ort: Remscheid
Alter: -
Geschlecht: Männlich
Verfasst Sa 28.07.2012 17:48
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank!!!
hat geklappt...

Aber wofür den href=""??
Ich will garnicht verlinken....
einfach # rein?
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Sa 28.07.2012 18:25
Titel

Antworten mit Zitat Zum Seitenanfang

dann nimm das komplette A-Tag einfach raus.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Zymot
Threadersteller

Dabei seit: 28.07.2012
Ort: Remscheid
Alter: -
Geschlecht: Männlich
Verfasst So 29.07.2012 11:07
Titel

Antworten mit Zitat Zum Seitenanfang

ok....

Wie sieht es aus, wenn ich es ein bisschen komplizierter haben möchte.... *zwinker* *zwinker* *zwinker*

Also kleinen thum in der mitte (bsp. 50x90) und beim klicken soll sich das Bild in groß öffnen aber nicht in einem popup sondern mit diesem effekt wo der alles drum herum schwarz wird und der flyer groß wird??
machbar??

Danke
  View user's profile Private Nachricht senden
Piki

Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 29.07.2012 12:05
Titel

Antworten mit Zitat Zum Seitenanfang

Zymot hat geschrieben:
ok....

Wie sieht es aus, wenn ich es ein bisschen komplizierter haben möchte.... *zwinker* *zwinker* *zwinker*

Also kleinen thum in der mitte (bsp. 50x90) und beim klicken soll sich das Bild in groß öffnen aber nicht in einem popup sondern mit diesem effekt wo der alles drum herum schwarz wird und der flyer groß wird??
machbar??

Danke


Das funktioniert mit Javascript. „Lightbox“ wird gern genommen.
  View user's profile Private Nachricht senden
Kartöffelchen

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst So 29.07.2012 12:12
Titel

Antworten mit Zitat Zum Seitenanfang

Aber "Lightbox" poppt doch up. * Ich bin ja schon still... *
  View user's profile Private Nachricht senden
Piki

Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 29.07.2012 12:24
Titel

Antworten mit Zitat Zum Seitenanfang

Kartöffelchen hat geschrieben:
Aber "Lightbox" poppt doch up. * Ich bin ja schon still... *

Wo poppt da was up? (Jedenfalls kein „klassisches“ Popup, wird auch von Popup-Blockern ignoriert.)


Zuletzt bearbeitet von Piki am So 29.07.2012 12:30, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Flash CS3 - Film automatisch an browsergröße anpassen
css-div mit bild mittig zur browsergröße
Bild passt sich Browsergröße an - nur nicht im IE
Bild verlinken - zentriert
Bild einfügen (unten, zentriert am Rand)
pikant: ge-slictes XXL-Bild zentriert als Seitenhintergrund?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


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.