BlackBoard | Druckvorschau: Neues Problem: Am Ende des Beitrages.(FERTIG)

Geschrieben von newbi am 22.07.2006 um 00:09:

Neues Problem: Am Ende des Beitrages.(FERTIG)

Also ich habe das Problem, das das Bild bei einer hohen Auflösung wiederholt und bei einer sehr geringen auflösung, überlapt.

Ich möchte das ganze gerne Dynamisch machen, doch nu meine Frage wie??

ich bin total am verzweifeln.

Geschrieben von Wenso am 23.07.2006 um 04:03:

2 Fragen:
Was hast du?
Was willst du erreichen?

Bonus-Frage: Wo bin ich?

MfG Wenso

Geschrieben von newbi am 23.07.2006 um 14:26:

ich habe ein hintergundbild.

diese bild wird jedoch bei einer sehr großen Auflösung wiederholt.
er setzt das Bild rechts an und fängt damitt von vorne an.

Ich möchte dies verhindern und das Bild dynamisch, also so darstellen das es immer bildschirmfüllend ist, egal welche auflösung man benutzt.

wie mache ich das??

bonus antwort: zu hause?!?!

Geschrieben von LX am 23.07.2006 um 14:43:

Das ist mit Hintergrundbildern nicht möglich (und allgemein auch nicht erstrebenswert, Bilder vom Browser strecken oder stauchen zu lassen, da das qualitativ nicht so dufte aussieht).

Zwei Möglichkeiten, die mir gerade einfallen, wie du es umgehen kannst:

Wenn dich lediglich die Kachelung des Hintergrundbildes stört, dann kannst du mittels CSS die Wiederholung unterbinden:

code:
1:	background-repeat: no-repeat;

Oder du machst deine Seite für eine feste Auflösung (800x600 wäre zu empfehlen). Den festen Teil kannst du dann ja im Browserfenster zentriert darstellen, sodass du nicht das Browserfenster vergrößern oder verkleinern lassen musst, wenn Leute mit anderen Auflösungen deine Seite besuchen.

Geschrieben von Misel am 23.07.2006 um 15:11:

Eventuell funktioniert ein DIV über den ganzen Hintergrund, mit einem Bild drin und

code:
1:	<img src="bild.jpg" alt="blubb" style="width:100%;height:100%;">

Aber LX hat schon recht. Gerade wenn Browser die Bilder skalieren, kommt da nur Grütze raus.

Geschrieben von z|x am 23.07.2006 um 15:41:

Oder Du machst ein Hintergrundbild, dass die "größte mögliche" Auflösung bedient. Also zum Beispiel 1600x1280 oder wie auch immer. Das setzt Du dann per CSS als

code:
1:	background:url(background1.png) repeat-no;

Je nachdem wie groß die Anwenderauflösung ist, wird nur ein Bildausschnitt gezeigt. Muss natürlich ein Bild sein, mit dem man das auch machen kann.
Kannst Du Dir in änlicher Art und Weise im Header von www.webmasterpro.de anschauen.

So große Bilder sind natürlich keineswegs Webfreundlich! Besser wäre natürlich ein kleines Bild, das dann gekachelt werden kann.

Geschrieben von newbi am 24.07.2006 um 09:09:

danke an alle für die Vorschläge, bin dan gestern abend beim Einschlafen selber noch über eine gestolpert.

Ich werde das bild aufschneiden, in 2 teile. Ein teil Links und einer rechts, und den hintergrund in einer farbe, dadurch ist das ganze Dynmisch und auch so wie ich das wollte.

Das ganze wird dan ne mega div konstruktion werden aber solange das ganze gut auschaut ist mir das egal.

Außerdem sollte das nicht zu so großen Schwerigkeiten bein IE Führen.

könnte nochmal jemand evt. nen Link zu einer CSS referenz posten, also nicht nen tut, sondern eine Liste mit einstellungsmöglichkeiten, zur ausrichtung und so.

Danke

MFG
Newbi

Geschrieben von LX am 24.07.2006 um 10:41:

http://de.selfhtml.org/css/eigenschaften

Geschrieben von newbi am 24.07.2006 um 22:31:

Also ich habe nun das Problem, das ich in meinem ganze Div wir war, einen Banner in der mitte ausrichten möchte.

das ganze soll in CSS gelöst werden.

Hier mein lösungsvorschlag ( welche total miserabel ist ) :

code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11:	{ position:fixed; background-image:url(Aufgrund der anonymität Zensiert); right:35%; left:35%; top:5px; width:468px; height:60px; }

Geschrieben von z|x am 25.07.2006 um 00:19:

Ein bisschen Drumherum wäre schön!
Welches Wirrwarr usw. Wie sollen wir Dir mit dem bisschen CSS helfen, wenn wir den Rest nicht kennen?

Geschrieben von newbi am 25.07.2006 um 09:55:

Hier einmal der ganze CSS Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:


body
{ background-color:rgb(0,124,184); margin:0px; }

#header{
position:fixed;
top:0px; 
left:0px;
width:100%;
height:68px;
background-color:black;
}

#header0{
position:fixed;
background-image:url(....);
background-repeat:repeat-x;
top:68px;
left:135px;
right:135px;
width:100%;
height:40px;
}

#header1{
position:fixed;
background-image:url(....);
background-repeat:no-repeat;
top:0px; 
left:0px; 
width:135px; 
height:68px;
}

#header2{
position:fixed;
background-image:url(.....);
background-repeat:no-repeat;
top:68px; 
left:0px; 
width:135px; 
height:40px;
}

#header3{
position:fixed;
background-image:url(....);
background-repeat:no-repeat;
top:0px; 
left:135px; 
width:75px; 
height:68px;
}

#header4{
position:fixed;
background-image:url(....);
background-repeat:no-repeat;
top:0px; 
right:0px; 
width:135px; 
height:68px;
}

#header5{
position:fixed;
background-image:url(.....);
background-repeat:no-repeat;
top:68px; 
right:0px; 
width:135px; 
height:40px;
}

#header6{
position:fixed;
background-image:url(.....);
background-repeat:no-repeat;
top:0px; 
right:135px; 
width:75px; 
height:68px;
}

#header7{
position:static;
background-image:url(....);
text-align: center;
top:5px; 
width:468px; 
height:60px;
}

Und noch ne kleine Frage am Rande, ist es möglich eine PHP ( Confi.inc.php ) in eine CSS Datei zu includieren, so das zb. die Links nur einmal ändern brauch??

MFG
Newbi

habe das ganze jetzt so gelöst:

code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11:	#header7{ z-index:4; width:100%; height:68px; background-image:url(); background-repeat:no-repeat; background-position:center; background-color:black; }

Ich habe allen Boxen einen Z-index wert zugewiesen und nun klapt es.

Die 2 Frage belibt weiterhin bestehen.

Und noch ne kleine Frage am Rande, ist es möglich eine PHP ( Confi.inc.php ) in eine CSS Datei zu includieren, so das zb. die Links nur einmal geändert werden brauchen??

Geschrieben von HeaD am 25.07.2006 um 13:43:

Zitat:

Original von newbi
Und noch ne kleine Frage am Rande, ist es möglich eine PHP ( Confi.inc.php ) in eine CSS Datei zu includieren, so das zb. die Links nur einmal geändert werden brauchen??

Dazu macht man sich eigendlich Templates. z.B. schreibst Du Dir einmal eine headerdatei, in der steht alles was vor <Body> steht und dann includest Du die in deiner index.php o.Ä. so wie hier: Templates wie im WBB ... ich benutzt zwar mitterweile bessere Templatemetoden, aber das Grundprinzip ist in dem Tut eigendlich noch ok und finktionieren tut es allemal

PS: Der Beitragstitel "Neues Problem: Am Ende des Beitrages.(FERTIG)" ist jetzt wirklich enorm verwirrend oO

Geschrieben von LX am 25.07.2006 um 13:48:

Man kann seinen Link-Kram auch einfach in eine zweite CSS-Datei schreiben und die eben mit einbinden lassen.

Geschrieben von newbi am 26.07.2006 um 11:00:

gut danke.

bitte closen.

mfg newbi