[HTML] Layer mit höherer Auflösung

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_layer_mit_hoeherer_aufloesung_137436/page_1 - zur Vollversion wechseln!

Hatzki schrieb am 22.02.2005 um 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

that schrieb am 22.02.2005 um 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 schrieb am 23.02.2005 um 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 schrieb am 23.02.2005 um 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 schrieb am 23.02.2005 um 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 schrieb am 23.02.2005 um 19:37

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

Rektal schrieb am 24.02.2005 um 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 ...)