[HTML] Layer mit höherer Auflösung

Hatzki

Pinky in action

Registered: Apr 2000
Location: Dort wo DU nicht..
Posts: 1017

22.02.2005 - 16:36

Gruss,

also mittels Suchfunktion bin i net wirklich schlau geworden.

Folgendes:

Ich hab a Background Pic und drüber mittels Layer einen Text. Das ganze funktioniert wunderbar unter 1024x768. Nur hat mir mein Kunde jetzt gesagt das bei 1280x1024 der Text rechts aus oder links aus dem Background Pic rauslauft. :bash:

Hab das ganze so gelöst:

Code: PHP

<div align="center" style="position:relative;">
	<div style="z-index:1; width:800px; height:553px;">
		<img src="img/digifilm_back_final.jpg" border="0" usemap="#Links">
	</div>
	
	<div id="ausgabe" style="position:absolute; z-index:2; left:140px; top:70px;">
	<table width="65%" cellpadding="0" cellspacing="0">
	<tr> 
		<td style="width:500px; height:123px;"><img src="img/dummy.gif" border="0"><p class="text">bla</p></td>
	</tr>
	</table>
	</div>
</div>

Wie man sieht hab ich einen div der relative is damit sich das ganze an die jeweilige Auflösung anpasst, sprich in der Mitte bleibt. Und den absolute div brauch ich ja damit ich den Text drüber bekomm.

Check echt nicht wo da der Hackn is.

tia

Bearbeitet von Hatzki am 22.02.2005, 17:23

that

Moderator
Hoffnungsloser Optimist

Registered: Mar 2000
Location: MeidLing
Posts: 11338

22.02.2005 - 23:47

Deine absolute Position bezieht sich auf das äußere <div>, und das beginnt natürlich ganz links oben. Dass es seinen Inhalt zentriert, dürfte in diesem Fall irrelevant sein. Daher ist dein Text nicht am Hintergrundbild ausgerichtet, sondern am linken Viewport-Rand.

Hatzki

Pinky in action

Registered: Apr 2000
Location: Dort wo DU nicht..
Posts: 1017

23.02.2005 - 08:55

Hmm das check i net ganz warum das so sein soll! Weil wenn ich beim absolute div die left und top position auf 0 setzt dann steht da text im linken oberen Eck des Hintergrundbilds und net im Browser.

Wie mach ich das dann das der Text am Hintergrundbild ausgerichtet ist?

userohnenamen

leider kein name

Registered: Feb 2004
Location: -
Posts: 15857

23.02.2005 - 08:59

du könntest z.b. die bildschirmbreite bzw. fensterbreite abfragen
diese durch 2 dividieren
dann weißt du wo der mittelpunkt ist
und von der zahl subtrahierst dann noch die halbe größe deines fensters

dann positinierst das div mit absolute und dem herausgekommenen wert, und es sollte genau in der mitte des fensters liegen

wenn ein resize erfolgt, müsstest bzw. solltest halt einen reload auslösen

das wär mal mein lösungsvorschlag

Hatzki

Pinky in action

Registered: Apr 2000
Location: Dort wo DU nicht..
Posts: 1017

23.02.2005 - 09:35

@ userohnenamen:
HRHR

Not bad! Aber i denk scho dass das einfacher auch gehen sollt. Wenn nicht dann werd ich's wohl so machen. thx

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

23.02.2005 - 19:37

nur gibts imho keinen window.resize event, wodurch das witzlos ist...

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

24.02.2005 - 07:41

Ein resize-Event gibts auf alle Faelle: http://www.quirksmode.org/js/events_compinfo.html (es sei denn, du meinst jetzt was anderes ...)

Hatzki Pinky in action Registered: Apr 2000 Location: Dort wo DU nicht.. Posts: 1017	22.02.2005 - 16:36 Gruss, also mittels Suchfunktion bin i net wirklich schlau geworden. Folgendes: Ich hab a Background Pic und drüber mittels Layer einen Text. Das ganze funktioniert wunderbar unter 1024x768. Nur hat mir mein Kunde jetzt gesagt das bei 1280x1024 der Text rechts aus oder links aus dem Background Pic rauslauft. Hab das ganze so gelöst: Code: PHP `<div align="center" style="position:relative;"> <div style="z-index:1; width:800px; height:553px;"> <img src="img/digifilm_back_final.jpg" border="0" usemap="#Links"> </div> <div id="ausgabe" style="position:absolute; z-index:2; left:140px; top:70px;"> <table width="65%" cellpadding="0" cellspacing="0"> <tr> <td style="width:500px; height:123px;"><img src="img/dummy.gif" border="0"><p class="text">bla</p></td> </tr> </table> </div> </div>` Wie man sieht hab ich einen div der relative is damit sich das ganze an die jeweilige Auflösung anpasst, sprich in der Mitte bleibt. Und den absolute div brauch ich ja damit ich den Text drüber bekomm. Check echt nicht wo da der Hackn is. tia Bearbeitet von Hatzki am 22.02.2005, 17:23
that Moderator Hoffnungsloser Optimist Registered: Mar 2000 Location: MeidLing Posts: 11338	22.02.2005 - 23:47 Deine absolute Position bezieht sich auf das äußere <div>, und das beginnt natürlich ganz links oben. Dass es seinen Inhalt zentriert, dürfte in diesem Fall irrelevant sein. Daher ist dein Text nicht am Hintergrundbild ausgerichtet, sondern am linken Viewport-Rand.
Hatzki Pinky in action Registered: Apr 2000 Location: Dort wo DU nicht.. Posts: 1017	23.02.2005 - 08:55 Hmm das check i net ganz warum das so sein soll! Weil wenn ich beim absolute div die left und top position auf 0 setzt dann steht da text im linken oberen Eck des Hintergrundbilds und net im Browser. Wie mach ich das dann das der Text am Hintergrundbild ausgerichtet ist?
userohnenamen leider kein name Registered: Feb 2004 Location: - Posts: 15857	23.02.2005 - 08:59 du könntest z.b. die bildschirmbreite bzw. fensterbreite abfragen diese durch 2 dividieren dann weißt du wo der mittelpunkt ist und von der zahl subtrahierst dann noch die halbe größe deines fensters dann positinierst das div mit absolute und dem herausgekommenen wert, und es sollte genau in der mitte des fensters liegen wenn ein resize erfolgt, müsstest bzw. solltest halt einen reload auslösen das wär mal mein lösungsvorschlag
Hatzki Pinky in action Registered: Apr 2000 Location: Dort wo DU nicht.. Posts: 1017	23.02.2005 - 09:35 @ userohnenamen: HRHR Not bad! Aber i denk scho dass das einfacher auch gehen sollt. Wenn nicht dann werd ich's wohl so machen. thx
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	23.02.2005 - 19:37 nur gibts imho keinen window.resize event, wodurch das witzlos ist...
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	24.02.2005 - 07:41 Ein resize-Event gibts auf alle Faelle: http://www.quirksmode.org/js/events_compinfo.html (es sei denn, du meinst jetzt was anderes ...)

[HTML] Layer mit höherer Auflösung

Forum Index > Software > Coding Stuff

Hatzki

that

Hatzki

userohnenamen

Hatzki

watchout

Rektal