✔ ImageReady .HTM > mittig ausrichten?

Status
Nicht offen für weitere Antworten.
F

Fleck06

Erfahrenes Mitglied
Hi,

ich hab hier ein mit ImageReady produziertes .HTM Dokument, und versuche grade das ganze mittig auszurichten, aber es klappt nicht...

Die Ausgabe ist im XHTML-Format!
 
Der dazugehörige Quelltext wäre bei der Lösungsfindung ganz hilfreich, da wir keine Hellseher sind ;)
 
ja hier der Quelltext:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body style="background-color:#FFFFFF;">
<div align="center">
<div style="position:absolute; left:0px; top:0px; width:900px; height:752px;">
	<div style="position:absolute; left:0px; top:0px; width:100px; height:60px;">
		<div style="position:absolute; left:0px; top:0px; width:100px; height:60px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:77px; height:60px;">
		<div style="position:absolute; left:100px; top:0px; width:77px; height:60px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:82px; height:60px;">
		<div style="position:absolute; left:177px; top:0px; width:82px; height:60px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:370px; height:60px;">
		<div style="position:absolute; left:259px; top:0px; width:370px; height:60px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:86px; height:60px;">
		<div style="position:absolute; left:629px; top:0px; width:86px; height:60px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:85px; height:60px;">
		<div style="position:absolute; left:715px; top:0px; width:85px; height:60px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:60px;">
		<div style="position:absolute; left:800px; top:0px; width:100px; height:60px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:60px; width:100px; height:40px;">
		<img id="LOGO_01" src="data/LOGO_01.gif" width="100" height="40" border="0" alt="" usemap="#LOGO_01_Map" />
	</div>
	<div style="position:absolute; left:100px; top:60px; width:77px; height:40px;">
		<img id="LOGO_02" src="data/LOGO_02.gif" width="77" height="40" border="0" alt="" usemap="#LOGO_02_Map" />
	</div>
	<div style="position:absolute; left:177px; top:60px; width:82px; height:40px;">
		<img id="LOGO_03" src="data/LOGO_03.gif" width="82" height="40" border="0" alt="" usemap="#LOGO_03_Map" />
	</div>
	<div style="position:absolute; left:259px; top:60px; width:370px; height:40px;">
		<img id="LOGO_04_AND" src="data/LOGO_04_AND.gif" width="370" height="40" border="0" alt="" usemap="#LOGO_04_AND_Map" />
	</div>
	<div style="position:absolute; left:629px; top:60px; width:86px; height:40px;">
		<img id="index_060416_index" src="data/index_060416_index.gif" width="86" height="40" alt="" />
	</div>
	<div style="position:absolute; left:715px; top:60px; width:85px; height:40px;">
		<img id="index_060416_index006" src="data/index_060416_index-06.gif" width="85" height="40" alt="" />
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:40px;">
		<div style="position:absolute; left:800px; top:60px; width:100px; height:40px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:100px; width:100px; height:138px;">
		<img id="LOGO_05" src="data/LOGO_05.gif" width="100" height="138" border="0" alt="" usemap="#LOGO_05_Map" />
	</div>
	<div style="position:absolute; left:100px; top:100px; width:77px; height:138px;">
		<img id="LOGO_06" src="data/LOGO_06.gif" width="77" height="138" border="0" alt="" usemap="#LOGO_06_Map" />
	</div>
	<div style="position:absolute; left:177px; top:100px; width:82px; height:138px;">
		<img id="LOGO_07" src="data/LOGO-07.gif" width="82" height="138" border="0" alt="" usemap="#LOGO_07_Map" />
	</div>
	<div style="position:absolute; left:259px; top:100px; width:370px; height:138px;">
		<img id="LOGO_08_ADD" src="data/LOGO_08_ADD.gif" width="370" height="138" border="0" alt="" usemap="#LOGO_08_ADD_Map" />
	</div>
	<div style="position:absolute; left:629px; top:100px; width:86px; height:138px;">
		<img id="index_060416_index011" src="data/index_060416_index-11.gif" width="86" height="138" alt="" />
	</div>
	<div style="position:absolute; left:0px; top:0px; width:85px; height:138px;">
		<div style="position:absolute; left:715px; top:100px; width:85px; height:138px;background-color:#000000;">
			<img id="index_060416_index012" src="data/index_060416_index-12.gif" width="85" height="138" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:138px;">
		<div style="position:absolute; left:800px; top:100px; width:100px; height:138px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:288px;">
		<div style="position:absolute; left:0px; top:238px; width:100px; height:288px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:77px; height:288px;">
		<div style="position:absolute; left:100px; top:238px; width:77px; height:288px;background-color:#000000;">
			<img id="index_060416_index013" src="data/index_060416_index-13.gif" width="77" height="288" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:177px; top:238px; width:82px; height:288px;">
		<img id="index_060416_index014" src="data/index_060416_index-14.gif" width="82" height="288" alt="" />
	</div>
	<div style="position:absolute; left:0px; top:0px; width:370px; height:288px;">
		<div style="position:absolute; left:259px; top:238px; width:370px; height:288px;background-color:#DAFF46;">
		</div>
	</div>
	<div style="position:absolute; left:629px; top:238px; width:86px; height:288px;">
		<img id="index_060416_index015" src="data/index_060416_index-15.gif" width="86" height="288" alt="" />
	</div>
	<div style="position:absolute; left:0px; top:0px; width:85px; height:288px;">
		<div style="position:absolute; left:715px; top:238px; width:85px; height:288px;background-color:#000000;">
			<img id="index_060416_index016" src="data/index_060416_index-16.gif" width="85" height="288" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:288px;">
		<div style="position:absolute; left:800px; top:238px; width:100px; height:288px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:75px;">
		<div style="position:absolute; left:0px; top:526px; width:100px; height:75px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:77px; height:75px;">
		<div style="position:absolute; left:100px; top:526px; width:77px; height:75px;background-color:#000000;">
			<img id="index_060416_index017" src="data/index_060416_index-17.gif" width="77" height="75" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:177px; top:526px; width:82px; height:75px;">
		<img id="index_060416_index018" src="data/index_060416_index-18.gif" width="82" height="75" alt="" />
	</div>
	<div style="position:absolute; left:259px; top:526px; width:370px; height:75px;">
		<img id="index_060416_index019" src="data/index_060416_index-19.gif" width="370" height="75" alt="" />
	</div>
	<div style="position:absolute; left:629px; top:526px; width:86px; height:75px;">
		<img id="index_060416_index020" src="data/index_060416_index-20.gif" width="86" height="75" alt="" />
	</div>
	<div style="position:absolute; left:0px; top:0px; width:85px; height:75px;">
		<div style="position:absolute; left:715px; top:526px; width:85px; height:75px;background-color:#000000;">
			<img id="index_060416_index021" src="data/index_060416_index-21.gif" width="85" height="75" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:75px;">
		<div style="position:absolute; left:800px; top:526px; width:100px; height:75px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:50px;">
		<div style="position:absolute; left:0px; top:601px; width:100px; height:50px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:77px; height:50px;">
		<div style="position:absolute; left:100px; top:601px; width:77px; height:50px;background-color:#000000;">
			<img id="index_060416_index022" src="data/index_060416_index-22.gif" width="77" height="50" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:82px; height:50px;">
		<div style="position:absolute; left:177px; top:601px; width:82px; height:50px;background-color:#000000;">
			<img id="index_060416_index023" src="data/index_060416_index-23.gif" width="82" height="50" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:370px; height:50px;">
		<div style="position:absolute; left:259px; top:601px; width:370px; height:50px;background-color:#000000;">
			<img id="index_060416_index024" src="data/index_060416_index-24.gif" width="370" height="50" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:86px; height:50px;">
		<div style="position:absolute; left:629px; top:601px; width:86px; height:50px;background-color:#000000;">
			<img id="index_060416_index025" src="data/index_060416_index-25.gif" width="86" height="50" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:85px; height:50px;">
		<div style="position:absolute; left:715px; top:601px; width:85px; height:50px;background-color:#000000;">
			<img id="index_060416_index026" src="data/index_060416_index-26.gif" width="85" height="50" alt="" />
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:50px;">
		<div style="position:absolute; left:800px; top:601px; width:100px; height:50px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:101px;">
		<div style="position:absolute; left:0px; top:651px; width:100px; height:101px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:77px; height:101px;">
		<div style="position:absolute; left:100px; top:651px; width:77px; height:101px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:82px; height:101px;">
		<div style="position:absolute; left:177px; top:651px; width:82px; height:101px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:370px; height:101px;">
		<div style="position:absolute; left:259px; top:651px; width:370px; height:101px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:86px; height:101px;">
		<div style="position:absolute; left:629px; top:651px; width:86px; height:101px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:85px; height:101px;">
		<div style="position:absolute; left:715px; top:651px; width:85px; height:101px;background-color:#FFFFFF;">
		</div>
	</div>
	<div style="position:absolute; left:0px; top:0px; width:100px; height:101px;">
		<div style="position:absolute; left:800px; top:651px; width:100px; height:101px;background-color:#FFFFFF;">
		</div>
	</div>
</div>
<map name="LOGO_01_Map" id="LOGO_01_Map">
<area shape="poly" alt="" coords="21,109, 50,136, 87,125, 100,94, 123,135, 162,135, 177,158, 191,153, 218,135, 226,125, 259,125, 278,94, 259,85, 275,74, 299,74, 311,44, 293,25, 290,10, 259,0, 259,22, 218,17, 204,10, 177,22, 157,16, 138,15, 108,0, 87,16, 78,44, 50,44, 8,85" href="http://www.domain.de" />
</map>
<map name="LOGO_02_Map" id="LOGO_02_Map">
<area shape="poly" alt="" coords="-79,109, -50,136, -13,125, 0,94, 23,135, 62,135, 77,158, 91,153, 118,135, 126,125, 159,125, 178,94, 159,85, 175,74, 199,74, 211,44, 193,25, 190,10, 159,0, 159,22, 118,17, 104,10, 77,22, 57,16, 38,15, 8,0, -13,16, -22,44, -50,44, -92,85" href="http://www.domain.de" />
</map>
<map name="LOGO_03_Map" id="LOGO_03_Map">
<area shape="poly" alt="" coords="-156,109, -127,136, -90,125, -77,94, -54,135, -15,135, 0,158, 14,153, 41,135, 49,125, 82,125, 101,94, 82,85, 98,74, 122,74, 134,44, 116,25, 113,10, 82,0, 82,22, 41,17, 27,10, 0,22, -20,16, -39,15, -69,0, -90,16, -99,44, -127,44, -169,85" href="http://www.domain.de" />
</map>
<map name="LOGO_04_AND_Map" id="LOGO_04_AND_Map">
<area shape="poly" alt="" coords="-238,109, -209,136, -172,125, -159,94, -136,135, -97,135, -82,158, -68,153, -41,135, -33,125, 0,125, 19,94, 0,85, 16,74, 40,74, 52,44, 34,25, 31,10, 0,0, 0,22, -41,17, -55,10, -82,22, -102,16, -121,15, -151,0, -172,16, -181,44, -209,44, -251,85" href="http://www.domain.de" />
</map>
<map name="LOGO_05_Map" id="LOGO_05_Map">
<area shape="poly" alt="" coords="21,69, 50,96, 87,85, 100,54, 123,95, 162,95, 177,118, 191,113, 218,95, 226,85, 259,85, 278,54, 259,45, 275,34, 299,34, 311,4, 293,-15, 290,-30, 259,-40, 259,-18, 218,-23, 204,-30, 177,-18, 157,-24, 138,-25, 108,-40, 87,-24, 78,4, 50,4, 8,45" href="http://www.domain.de" />
</map>
<map name="LOGO_06_Map" id="LOGO_06_Map">
<area shape="poly" alt="" coords="-79,69, -50,96, -13,85, 0,54, 23,95, 62,95, 77,118, 91,113, 118,95, 126,85, 159,85, 178,54, 159,45, 175,34, 199,34, 211,4, 193,-15, 190,-30, 159,-40, 159,-18, 118,-23, 104,-30, 77,-18, 57,-24, 38,-25, 8,-40, -13,-24, -22,4, -50,4, -92,45" href="http://www.domain.de" />
</map>
<map name="LOGO_07_Map" id="LOGO_07_Map">
<area shape="poly" alt="" coords="-156,69, -127,96, -90,85, -77,54, -54,95, -15,95, 0,118, 14,113, 41,95, 49,85, 82,85, 101,54, 82,45, 98,34, 122,34, 134,4, 116,-15, 113,-30, 82,-40, 82,-18, 41,-23, 27,-30, 0,-18, -20,-24, -39,-25, -69,-40, -90,-24, -99,4, -127,4, -169,45" href="http://www.domain.de" />
</map>
<map name="LOGO_08_ADD_Map" id="LOGO_08_ADD_Map">
<area shape="poly" alt="" coords="-238,69, -209,96, -172,85, -159,54, -136,95, -97,95, -82,118, -68,113, -41,95, -33,85, 0,85, 19,54, 0,45, 16,34, 40,34, 52,4, 34,-15, 31,-30, 0,-40, 0,-18, -41,-23, -55,-30, -82,-18, -102,-24, -121,-25, -151,-40, -172,-24, -181,4, -209,4, -251,45" href="http://www.domain.de" />
</map>
</div>
</body>
</html>
 
Entferne mal das <div align="center"> ... </div> aus dem Quelltext und verwende folgende CSS-Regel für das übergeordnete DIV, um es horizontal zu zentrieren:

CSS: 
position:absolute; 
left:50%; 
top:0px; 
width:900px; 
margin-left:-450px; /* negative Hälfte von width:900px */
height:752px;
HTML: 
<div style="position:absolute; left:50%; top:0px; width:900px; margin-left:-450px; height:752px;">

Das Thema wird ins CSS-Board verschoben.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück