Autor |
Nachricht |
Zymot
Threadersteller
Dabei seit: 28.07.2012
Ort: Remscheid
Alter: -
Geschlecht:
|
Verfasst Sa 28.07.2012 13:52
Titel Bild (Foto) zentriert an Browsergröße anpassen? |
|
|
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
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Sa 28.07.2012 15:59
Titel
|
|
|
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
|
|
|
|
|
Anzeige
|
|
|
Zymot
Threadersteller
Dabei seit: 28.07.2012
Ort: Remscheid
Alter: -
Geschlecht:
|
Verfasst Sa 28.07.2012 17:48
Titel
|
|
|
Vielen Dank!!!
hat geklappt...
Aber wofür den href=""??
Ich will garnicht verlinken....
einfach # rein?
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Sa 28.07.2012 18:25
Titel
|
|
|
dann nimm das komplette A-Tag einfach raus.
|
|
|
|
|
Zymot
Threadersteller
Dabei seit: 28.07.2012
Ort: Remscheid
Alter: -
Geschlecht:
|
Verfasst So 29.07.2012 11:07
Titel
|
|
|
ok....
Wie sieht es aus, wenn ich es ein bisschen komplizierter haben möchte....
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
|
|
|
|
|
Piki
Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 29.07.2012 12:05
Titel
|
|
|
Zymot hat geschrieben: | ok....
Wie sieht es aus, wenn ich es ein bisschen komplizierter haben möchte....
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.
|
|
|
|
|
Kartöffelchen
Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht:
|
Verfasst So 29.07.2012 12:12
Titel
|
|
|
Aber "Lightbox" poppt doch up.
|
|
|
|
|
Piki
Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 29.07.2012 12:24
Titel
|
|
|
Kartöffelchen hat geschrieben: | Aber "Lightbox" poppt doch up. |
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
|
|
|
|
|
|
|
|
Ä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?
|
|