Der666Diablo 
Champion
(offline)
Dabei seit 04.2006
23736
Beiträge
|
|
Geschrieben am: 23.08.2009 um 00:33 Uhr
|
|
Zitat von MADD: tabelle oder div außenrum
ich glaube bei bildern sind die 100% auf die originale bildgröße bezogen
also 100% sagt nur dass das bild normal groß ist, bin mir aber nicht sicher.
Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
|
|
FRAUENHELD
Halbprofi
(offline)
Dabei seit 10.2005
173
Beiträge
|
|
Geschrieben am: 23.08.2009 um 00:35 Uhr
|
|
danke leute, aber zerbrecht euch euren kopf nicht weiter. ich werde nen weg finden
danke euch allen
Ut sementem, feceris ita metis!
|
|
ZER0-CooL - 36
Champion
(offline)
Dabei seit 09.2004
4459
Beiträge
|
Geschrieben am: 23.08.2009 um 00:36 Uhr
Zuletzt editiert am: 23.08.2009 um 00:39 Uhr
|
|
<table border="0" width="100%" height="100%" background="test.jpg">
<tr>
<td>nackte</td>
</tr>
<tr>
<td>tatsachen</td>
</tr>
</table>
bähh muss mal kurz was testen, hab da gerade was nicht beachtet
=D
Doch passt so..genau das was du willst  Aber bitte beachten nicht konform =D
|
|
Der666Diablo
Champion
(offline)
Dabei seit 04.2006
23736
Beiträge
|
|
Geschrieben am: 23.08.2009 um 01:05 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>test</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/test.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>
so gehts mit css, is aus ner testseite von mir...
Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
|
|
ZER0-CooL - 36
Champion
(offline)
Dabei seit 09.2004
4459
Beiträge
|
|
Geschrieben am: 23.08.2009 um 01:10 Uhr
|
|
Find ich jetzt bisschen umständlich =D
Da ist meine Lösung doch etwas "einfacher" 
|
|
Der666Diablo
Champion
(offline)
Dabei seit 04.2006
23736
Beiträge
|
Geschrieben am: 23.08.2009 um 01:27 Uhr
Zuletzt editiert am: 23.08.2009 um 01:27 Uhr
|
|
Zitat von ZER0-CooL: Find ich jetzt bisschen umständlich =D
Da ist meine Lösung doch etwas "einfacher"
aber nich konform^^ :D im grunde brauchst auch nich alles von oben
geht nur um body/html + den ersten img^^
edit: hatte aber kein bock mich aus dem momentanen umzudenken^^
Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
|
|
matyko - 38
Halbprofi
(offline)
Dabei seit 03.2005
119
Beiträge
|
Geschrieben am: 23.08.2009 um 02:44 Uhr
Zuletzt editiert am: 23.08.2009 um 02:50 Uhr
|
|
Zitat von FRAUENHELD: Zitat von StuffBox: background: url(pfad/zum/bild.jpg) repeat-y;
hach wenn das doch immer so leich wäre, aber auch das geht nicht.
wieso soll das nicht gehen?
vllt ausführlicher:
background-image: url(./test.jpg);
background-repeat: repeat;
background-attachment: scroll;
(background-position: center center;)
das geht wunderbar^^
Edit: oh das scroll braucht man nicht das ist standard aber eigentlich das repeat auch O_o ach es ist noch viel zu früh..
|
|
Der666Diablo
Champion
(offline)
Dabei seit 04.2006
23736
Beiträge
|
|
Geschrieben am: 23.08.2009 um 02:54 Uhr
|
|
Zitat von matyko: Zitat von FRAUENHELD: Zitat von StuffBox: background: url(pfad/zum/bild.jpg) repeat-y;
hach wenn das doch immer so leich wäre, aber auch das geht nicht.
wieso soll das nicht gehen?
vllt ausführlicher:
background-image: url(./test.jpg);
background-repeat: repeat;
background-attachment: scroll;
(background-position: center center;)
das geht wunderbar^^
Edit: oh das scroll braucht man nicht das ist standard aber eigentlich das repeat auch O_o ach es ist noch viel zu früh..
so wie ich ihn verstanden hab will er genau EIN bild so ausdehnen, wie die seite ausgedehnt wird? kp also quasi bild verzerrt/skaliert sich je nach browserfenstergröße neu - wenn ja, nimm meine lösung, die geht, wenn nein, kp drück dich klarer aus, mal ne skizze :D
Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
|
|
matyko - 38
Halbprofi
(offline)
Dabei seit 03.2005
119
Beiträge
|
|
Geschrieben am: 23.08.2009 um 03:09 Uhr
|
|
na wenn das so ist, dann über jscript?
eeehm, AddEventListener oder so ähnlich, kA
|
|
Jaky - 35
Halbprofi
(offline)
Dabei seit 10.2006
239
Beiträge
|
Geschrieben am: 23.08.2009 um 10:00 Uhr
Zuletzt editiert am: 23.08.2009 um 10:02 Uhr
|
|
Also wenn das Bild verzerrt wird siehts sehr wahrscheinlich bescheiden aus, sowas macht man nicht, da ist die CSS-Lösung von oben richtig, erstell einen Hintergrund, der sich beim Wiederholen ergänzt...
Verstehen tu ich dich wie viele andere auch nicht, evtl arbeitest du am besten mit %-Angaben in den Attributen width und height...
MfG Jaky
|
|
Der666Diablo
Champion
(offline)
Dabei seit 04.2006
23736
Beiträge
|
|
Geschrieben am: 23.08.2009 um 10:47 Uhr
|
|
Zitat von Jaky: Also wenn das Bild verzerrt wird siehts sehr wahrscheinlich bescheiden aus, sowas macht man nicht, da ist die CSS-Lösung von oben richtig, erstell einen Hintergrund, der sich beim Wiederholen ergänzt...
Verstehen tu ich dich wie viele andere auch nicht, evtl arbeitest du am besten mit %-Angaben in den Attributen width und height...
kommt auf das bild drauf an, aber genau das will er,so wie s aussieht 100% der fläche ausfüllen, egal wie...
Bei Geld, Sex und Kunst gibt es keinen abnehmenden Grenznutzen. http://shortlinks.de/oee9
|
|
McPommes - 51
Experte
(offline)
Dabei seit 09.2006
1422
Beiträge
|
|
Geschrieben am: 23.08.2009 um 11:07 Uhr
|
|
Je nach Screen ein andres Bild laden ist sowieso Murks, weil du immer noch nicht weißt wie groß das Browserfenster ist. Und wenn das Fenster verändert wird während deine Seite angezeigt wird, dann siehts erst recht sch... aus. Solche Basteleien kriegt man nie komplett hin, ich würd mir da lieber gleich was anderes überlegen.
*** diese Fusszeile verschwendet 45 Bytes ***
|
|
[