• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

div zentrieren

Soc

Soc

New member
moin

ich bastle und probiere nun schon eine weile an dem problem rum.

ich kriegs einfach net hin.

folgendes:

ich will mein menu zentrieren, aber ich packs net...

homepage

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Meier Protech - Bettwiesen</title>
	<link rel="stylesheet" href="http://www.meierprotech.ch/menu.css" />
	<script type="text/javascript" src="http://www.meierprotech.ch/dynMenu.js"></script>
	<script type="text/javascript" src="http://www.meierprotech.ch/browserdetect.js"></script>
</head>
<body onload="initMenu(); hideload(); ">

<div id="logo"; style="position:absolute; z-index:1; top:0px; left:0px; width:100%; height:100px; padding:15px;">
	<a href="http://www.meierprotech.ch/index.html" target="_top"><img border="0" src="http://www.meierprotech.ch/bilder/index/logoM.gif" align="top" width="64" height="71" alt="LogoM.gif"></a>
	    
	<a href="http://www.meierprotech.ch/index.html" target="_top"><img border="0" src="http://www.meierprotech.ch/bilder/index/logoMeier.gif" width="317" height="104" alt="LogoMeier.gif"></a>
</div>

<div id="navi"; style="position:absolute; z-index:3; top:100px; margin:auto; width:100%; height: 25px; padding:0px;">
	<ul id="menu"; >
	<li><div id="top"><a href="http://www.meierprotech.ch/index.html">Firma</a></div>
		<ul>
			<li><a href="http://www.meierprotech.ch/firma/ueberuns.html">Über uns</a></li>
			<li><a href="http://www.meierprotech.ch/firma/historie.html">Historie</a></li>
			<li><a href="http://www.meierprotech.ch/firma/partner.html">Partner</a></li>
			<li><a href="http://www.meierprotech.ch/firma/standort.html">Lageplan</a></li>
			<li><a href="http://www.meierprotech.ch/firma/stellen.html">Stellenangebote</a></li>
		</ul></li>
	<li><div id="top"><a href="http://www.meierprotech.ch/index.html">Produkte</a></div>
		<ul>
			<li><a href="http://www.meierprotech.ch/index.html">Drehen</a>
			<ul>
				<li><a href="http://www.meierprotech.ch/produkte/ultramini.html">Ultra Mini</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/minicut.html">Mini-Cut</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/wpdrehen.html">Wendeplattendrehen</a></li>
			</ul></li>
			<li><a href="http://www.meierprotech.ch/index.html">Fräsen</a>
			<ul>
				<li><a href="http://www.meierprotech.ch/produkte/fraeser.html">Fräser Werkzeug- und Formenbau</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/planfraeser.html">Plan-/Eck-/Scheibenfräser</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/schaftfraeser.html">Schaftfräser</a></li>
			</ul></li>
			<li><a href="http://www.meierprotech.ch/index.html">Bohren/Senken</a>
			<ul>
				<li><a href="http://www.meierprotech.ch/produkte/wpbohrer.html">Wendeplattenbohrer</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/vhmbohrer.html">Vollhartmetallbohrer</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/reibahlen.html">Reibahlen</a></li>
			</ul></li>
			<li><a href="http://www.meierprotech.ch/produkte/wendeplatten.html">Wendeplatten</a></li>
			<li><a href="http://www.meierprotech.ch/index.html">Werkzeugaufnahmen</a>
			<ul>
				<li><a href="http://www.meierprotech.ch/produkte/drehwerkauf.html">Drehmaschinen</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/bearbwerkauf.html">Bearbeitungszentren</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/spezwerkauf.html">Spezialitäten</a></li>
			</ul></li>
			<li><a href="http://www.meierprotech.ch/index.html">Geräte</a>
			<ul>
				<li><a href="http://www.meierprotech.ch/produkte/vorein.html">Voreinstellgeräte</a></li>
				<li><a href="http://www.meierprotech.ch/produkte/schrumpf.html">Schrumpfgeräte</a></li>
			</ul></li>
			<li><a href="http://www.meierprotech.ch/produkte/spann.html">Spannmittel</a></li>
		</ul></li>
	<li><div id="top"><a href="http://www.meierprotech.ch/index.html">News</a></div>
		<ul>
			<li><a href="http://www.meierprotech.ch/news/news.html">Neuigkeiten</a></li>
			<li><a href="http://www.meierprotech.ch/news/events.html">Veranstaltungen</a></li>
		</ul></li>
	<li><div id="top"><a href="http://www.meierprotech.ch/index.html">Aktionen</a></div>
		<ul>
			<li><a href="http://www.meierprotech.ch/aktionen/aktionen.html">Aktionen</a></li>
		</ul></li>
	<li><div id="top"><a href="http://www.meierprotech.ch/index.html">Links</a></div>
		<ul>
			<li><a href="http://www.meierprotech.ch/firma/partner.html">Partner</a></li>
			<li><a href="http://www.meierprotech.ch/links/links.html">alle Links</a></li>
		</ul></li>
	<li><div id="top"><a href="http://www.meierprotech.ch/index.html">Kontakt</a></div>
		<ul>
			<li><a href="http://www.meierprotech.ch/kontakt/kontakt.html">Kontaktformular</a></li>
			<li><a href="mailto:info@meierprotech.ch">E-Mail</a></li>
		</ul></li>
	</ul>
</div>

<div id="content" style="position:absolute; text-align:center; z-index:2; top:170px; margin-left:auto; margin-right:auto; width:100%; padding:10px;">
	<div align="center">
		<center>
		<table border="0">
		<tr>
		  <td width="33%" rowspan="2" valign="bottom" align="center"><img border="0" src="bilder/index/fraeser-kreis.jpg" width="180" height="182"></font></td>
		  <td width="33%"><font face="Tahoma"><font size="5">
		  		<b><font color="#006262">meier<i>protech</i></font></b><br>
		    	</font><font size="4">
		    		Bahnhofstrasse 15<br>
		    		CH-9553 Bettwiesen</font>
		    	</font>
		    	<p><font size="4" face="Tahoma">
					Tel. +41 (0)71 913 70 90<br>
		    		Fax. +41 (0)71 913 70 99</font>
		    	<p><a href="mailto:info@meierprotech.ch"><font size="4" face="Tahoma">info@meierprotech.ch</font></a></p>
		  </td>
		  <td width="34%" rowspan="2" valign="bottom" align="center"><img border="0" src="bilder/index/bohrer-kreis.jpg" width="203" height="197"></font></td>
		</tr>
		<tr>
		  <td width="33%"></td>
		</tr>
		<tr>
		  <td width="33%" align="center"><p><img border="0" src="bilder/index/Titelbild_links_small.jpg" alt="Titelbild_links.jpg" width="250" height="166"></td>
		  <td width="33%" align="center"><p><img border="0" src="bilder/index/Gesamtfoto_small.jpg" alt="Gesamtfoto.jpg" width="250" height="125"></td>
		  <td width="34%" align="center"><p><img border="0" src="bilder/index/SpannStar.jpg" alt="SpannStar.jpg" width="143" height="146"></td>
		</tr>
		</table>
		</center>
	</div>
</div>
</body>
</html>

danke für die hilfe...

ps: ich habs mit text-align:center, left-margin:auto; right-margin:auto, und margin:auto probiert...
gibts noch anderes?
 
ich kriegs net hin :mad:

aber danke für den tip. liegt wohl eher an mir als am tip selbst ;)
 
so:
Code: 
<div id="navi"; style="position:absolute; top:100px; left:50%; z-index:3; margin-left:-455px; height: 25px; padding:0px;">
	<ul id="menu"; >

und nach id's setzte man kein ";" ! also, alle raus aus dem code da :)
 
mach ich sofort :p

@womstar: wieso gehts bei dir einfach? und ich bastle rum und s klappt doch net?
 
jo, jetzt gehts ;)
thx!

übung. das wirds sein.
in der schule lernt man ja hauptsächlich kurz die theorie...
da fehlt dann meistens die praxis!

aber ich bin ja noch jung und kann noch lange arbeiten :whacky:
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben