JesseJames  - 41
Halbprofi
(offline)
Dabei seit 10.2004
144
Beiträge
|
|
Geschrieben am: 27.07.2009 um 20:39 Uhr
|
|
Hallo, kann mir vllt. jemand n Tipp geben, nach was ich suchen muss, wenn ich auf der Indexseite einer Website ein Bild habe das in allen Auflösungen so erscheinen soll, dass es die ganze Seite ausfüllt?
Im einen ist es groß, im anderen klein, im nächsten nur halb zu sehen 
True Love is Suicide....
|
|
h3mpti  - 38
Profi
(offline)
Dabei seit 05.2007
878
Beiträge
|
|
Geschrieben am: 27.07.2009 um 20:44 Uhr
|
|
style = " width: 100%; height: 100%; "
evtl.? 
|
|
JesseJames - 41
Halbprofi
(offline)
Dabei seit 10.2004
144
Beiträge
|
|
Geschrieben am: 27.07.2009 um 20:44 Uhr
|
|
Ich hab nicht gefragt wo
sondern nach was
mit den Sachen die ich find, funktioniert es net.
True Love is Suicide....
|
|
Der666Diablo
Champion
(offline)
Dabei seit 04.2006
23736
Beiträge
|
Geschrieben am: 27.07.2009 um 20:46 Uhr
Zuletzt editiert am: 27.07.2009 um 20:47 Uhr
|
|
sry :D falsch^^
Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
|
|
Der666Diablo
Champion
(offline)
Dabei seit 04.2006
23736
Beiträge
|
|
Geschrieben am: 27.07.2009 um 20:51 Uhr
|
|
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Check-the.net</title>
<style type="text/css" media="screen">
html, body {
position:relative;
width:100%;
height:100%;
margin:0 auto;
text-align:center;
padding:0;
}
#bg {
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
z-index:1;
}
#logo {
position:absolute;
height:120px;
width:200px;
top:10px;
left:450px;
z-index:7;
border:0;
}
.middle {
position:relative;
top:15px;
width:625px;
height:625px;
margin:auto;
background-image:url(images/main.png);
z-index:2;
}
#header, #middle, #footer {
position:absolute;
left:0;
margin:30px 0 0 30px;
width:565px;
height:100px;
z-index:5;
}
#header, #footer {
background-image:url(images/header.png);
border:0;
}
#middle {
top:110px;
background-color:transparent;
border-width:1px;
border-style:solid;
border-color:#333 #000 #000 #333;
}
#footer {
top:475px;
}
</style>
</head>
<body>
<div><img id="bg" src="images/HP-'Check-the.png" alt=""/></div>
<div><a href="/index.html"><img src="images/ctn_logo.png" alt="logo" id="logo" /></a></div>
<div class="middle">
<div id="header"></div>
<div id="middle"></div>
<div id="footer"></div></div>
</body>
</html>
zu faul um zu selektieren :D war eh nur ne testpage mit null content^^
Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
|
|
DayReaper - 42
Profi
(offline)
Dabei seit 10.2008
646
Beiträge
|
|
Geschrieben am: 27.07.2009 um 20:53 Uhr
|
|
Sollte es im normalfall nicht reichen das Background Pic einfach so gross einzubinden, das es für alle Standard auflösungen reicht?
Wenn du ein 1600x1280 pixel Bild einbindest sollte sich der Browser das Bild schon zusammenstauchen.
Ansonsten wirds bisschen komplizierter... du könntest per Javascript die Bildschirmauflösung des Users auslesen und dann je nachdem ein Bild in der richtigen Größe abrufen.
When you see me. RUN!
|
|
JesseJames - 41
Halbprofi
(offline)
Dabei seit 10.2004
144
Beiträge
|
|
Geschrieben am: 27.07.2009 um 20:55 Uhr
|
|
mein problem dabei ist, dass sich das bild dann verzieht und die schrift unscharf wird
True Love is Suicide....
|
|
h3mpti - 38
Profi
(offline)
Dabei seit 05.2007
878
Beiträge
|
|
Geschrieben am: 27.07.2009 um 21:02 Uhr
|
|
Zitat von JesseJames: mein problem dabei ist, dass sich das bild dann verzieht und die schrift unscharf wird
Dann brauchst du das Bild als Vektor Grafik.
|
|
JesseJames - 41
Halbprofi
(offline)
Dabei seit 10.2004
144
Beiträge
|
|
Geschrieben am: 27.07.2009 um 21:04 Uhr
|
|
hab das aber nich als vektor grafik... ach mist!
True Love is Suicide....
|
|
SnakeY - 33
Halbprofi
(offline)
Dabei seit 03.2006
355
Beiträge
|
|
Geschrieben am: 27.07.2009 um 22:59 Uhr
|
|
Nimm es einfach als sehr großes bild und lass es einfach via html scalieren, damit wäre es zwar möglich, dass es entweder nen scrollrand gibt oder aber halt nen weißen rand, aber das ist doch eigentlich für ne page egal oder nicht?
ich würds einfach als:
<img src="...." alt="..." wdith="100%" />
heightangabe weg lassen, damit es sich nich verzieht^^ ist das einfachste und ohne viel aufwand
|
|
bredator - 41
Champion
(offline)
Dabei seit 03.2008
5319
Beiträge
|
|
Geschrieben am: 27.07.2009 um 23:30 Uhr
|
|
Zitat von SnakeY: Nimm es einfach als sehr großes bild und lass es einfach via html scalieren, damit wäre es zwar möglich, dass es entweder nen scrollrand gibt oder aber halt nen weißen rand, aber das ist doch eigentlich für ne page egal oder nicht?
ich würds einfach als:
<img src="...." alt="..." wdith="100%" />
heightangabe weg lassen, damit es sich nich verzieht^^ ist das einfachste und ohne viel aufwand
Trotzdem keine saubere Lösung. Ich würde hier eher mit PHP arbeiten, die Auflösung des Bildschirms abfragen und aus einer Reihe von Bildern dann das entsprechende laden. HTML-Only sind die Lösungen halt meistens leider etwas unschön :(
Lache nicht über jemanden, der einen Schritt zurück macht. Er könnte Anlauf nehmen.
|
|
DayReaper - 42
Profi
(offline)
Dabei seit 10.2008
646
Beiträge
|
|
Geschrieben am: 27.07.2009 um 23:58 Uhr
|
|
Zitat von bredator:
Trotzdem keine saubere Lösung. Ich würde hier eher mit PHP arbeiten, die Auflösung des Bildschirms abfragen und aus einer Reihe von Bildern dann das entsprechende laden. HTML-Only sind die Lösungen halt meistens leider etwas unschön :(
Das wäre natürlich die suaberste Variante, zur Not gehts auch mit JS wie oben beschrieben.
Gehe aber eher davon aus das die Threaderstellerin von PHP nichts weiss und auch keinen Webspace hat der das frisst. ;)
Allgemein finde ich persönlich riesen Background Pics auf Websiten in etwa nervig wie Musik die eingebunden wird.
Das bewegt eher zum wegklicken als anschauen.
When you see me. RUN!
|
|
McPommes - 51
Experte
(offline)
Dabei seit 09.2006
1422
Beiträge
|
|
Geschrieben am: 28.07.2009 um 06:38 Uhr
|
|
DIe Bildschirmauflösung alleine bringt nichts. Man darf nicht davon ausgehen dass jeder seinen Browser auf Vollbild hat. Da kanns alle möglichen Seitenverhältnisse und Größen geben.
Ich würd mir was anderes überlegen, das dürfte nervenschonender sein.
*** diese Fusszeile verschwendet 45 Bytes ***
|
|
bredator - 41
Champion
(offline)
Dabei seit 03.2008
5319
Beiträge
|
|
Geschrieben am: 28.07.2009 um 09:30 Uhr
|
|
Ja klar, das andere, was ich mir überlegen würde, wäre der Verzicht auf solche Bilder und lediglich mit Webfarben, CSS usw. eine Site designen. Spart Platz, Nerven und Zeit ;)
Lache nicht über jemanden, der einen Schritt zurück macht. Er könnte Anlauf nehmen.
|
|
JesseJames - 41
Halbprofi
(offline)
Dabei seit 10.2004
144
Beiträge
|
|
Geschrieben am: 28.07.2009 um 18:20 Uhr
|
|
Ich hab n Webspace der PHP frisst aber wirklich auskennen tu ich mich nich. und mir gefällt des riesen Bild auch net. Aber die Kundin wünscht das so...
True Love is Suicide....
|
|
SnakeY - 33
Halbprofi
(offline)
Dabei seit 03.2006
355
Beiträge
|
Geschrieben am: 28.07.2009 um 18:32 Uhr
Zuletzt editiert am: 28.07.2009 um 19:41 Uhr
|
|
EDIT: Das Zitat war totaler Schwachsinn hier, sry xD
wenn ich ehrlich bin, kam mir sofort etwas seltsam vor, aber wie wollt ihr via serverseitigem Script bitte eine Clientauflösung abfragen? :D
Also insgesamt gibt es für diesen Wunsch keine wirklich schöne Umsetzung, da JS immer ein wenig doof ist (meiner Meinung nach).
Am Besten du machst es wirklich via JS, aber fügst ein NoScript-Tag ein, welches den gewünschten Akt in HTML enthält. Dadurch wird sichergestellt dass auch bei deaktiviertem JS das Bild wenigtens dargestellt wird (wenn auch, wie o.g., unsauber).
PS: Die PHP Lösung ist eig auch JS, daher kann man auch direkt eine JS-Funktion benutzen
|
|
[