Hallo bin neu hier im Forum und hab ein kleines problem bei der index erstellung. kenn mich nicht wirklich aus und versuche schon seit stunden meine vorlage in die mitte zu bekommen.
ich füg einfach mal meinen code ein, ich hoffe ihr sagt mir dann wo ich was machen muss oder einfügen muss damit alles automatisch in der mitte ist. danke im vorraus.
head>
Unbenanntes Dokumentich befürchte das wenn ich das abschicke das er irgendwas anzeigt.
Auch hier nochmal die Lösung, obwohl wir das Thema schon 1000 mal hatten.
<div align="center">ändern in
<div style="text-align: center; margin: 0 auto;">wenn ich das bei mir änder passiert aber irgendwie nix. hab das bei div über dem table geändert. muss ich sonst noch wo was ändern?
wenn ichs hab kann der thread ja gelöscht werden. danke trotzdem für eine antwort
Funktioniert nicht ? Jetzt muß ich mal nachfragen. Meinst du horizontale Ausrichtung oder vertikale ?
beide, damit es genau in der mitte ist.
Dann gehört noch einiges mehr dazu.
Setze den div auf margin: 50% auto;
und die Tabelle dann auf margin-top: -170px;
[CODE]
wenn ich das richtig sehe ist das der teil der geändert werden muss, dies hab ich auch getan aber da tut sich nicht viel. die seite war auf einmal viel weiter unten.
wär nett wenn du mir das in meinen quellcode eintragen würdest, wenn nicht auch nicht schlimm dann muss ich es halt mit leerzeichen machen wenn ich zu unfähig bin. danke
ist es doch oben in meinem quelltext oder nicht? der code war ja nur ein auszug davon.
Achso den habe ich mir nicht angeschaut^^ sry,
aber vielleicht kannst du ihn ja mal in Code Tags setzen dann kann man ihn auch schöner lesen
EDIT: Also, man muss ja ned unbedingt mit div arbeiten man kann es ja auch so machen
[CODE]
[/CODE]So hier nochmal in schön, aber mein problem besteht immer noch.
[CODE]
Unbenanntes DokumentIch habe mir den Quelltext nochmal genau angesehen. hier sind noch einige Fehler drin:
Aber zuerst einmal die Zentrierung:
[code]
Und unbeding ein DOCTYPE hinzufügen.
Leider habe ich jetzt keine Zeit mehr, werde mich evtl. später nochmal melden.
Edit: Bevor ich abhaue, habe ich noch ein blöden fehler Korrigiert. Auch bei Table muß auto bei margin rein.
Edit: Bevor ich abhaue, habe ich noch ein blöden fehler Korrigiert. Auch bei Table muß auto bei margin rein.
Also mit dem Feher hat er funktioniert. ;Jump
Ich arbeite grad mit dem Feher weiter und wenn ich den index fertig hab stell ich ihn nochmal ein.
Echt vielen Dank für die Hilfe.
Ja, im IE geht´s. Aber im FF ab Version 2 geht es meines wissens nicht. Wenn doch, hab ich es falsch in Erinnerung.
du hast recht, funzt nur im IE. aber wenn ich das änder was du geschrieben hast dann gehts im ie nicht mehr. also was tun?
ich stell noch mal meinen aktuellen index hoch, wäre nett wenn ihr mir sagt was ich vllt noch für fehler hab. ist nähmlich nur ein alter index abgeändert von einer meiner alten seiten.
[CODE]
Unbenanntes DokumentAlso bei mir klappt es mit dem IE6 und FF2. Wie es allerdings mit dem IE7 aussieht, kann ich nicht sagen.
Hier nochmal der geänderte Code - (Änderung in rot). Dank BcF habe ich nun die position:absolute gewählt. Was ein besseres Ergebnis bring.
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#FFFFFF" background="hinter.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../Buttons/news2.jpg','../Buttons/about2.jpg','../Buttons/wall2.jpg','../Buttons/con2.jpg','../Buttons/guest2.jpg','../Buttons/links2.jpg','buttons/homeroll2.jpg','buttons/about3.jpg','buttons/Links3.jpg','buttons/fun3.jpg','buttons/chat2.jpg','buttons/pix2.jpg','buttons/dunit2.jpg')">
<div style="top: 50%; left: 50%; width: 770px; height: 340px; margin-top: -170px; margin-left: -385px; position: absolute;">
<table width="770" height="340" border="0,1" cellpadding="0" cellspacing="0">
<tr>
<td width="770" height="320" nowrap ><IFrame name="inframe" frameborder="0" width="770" height="320" scrolling="yes" src="home.htm" style="filter:chroma(color=#FFAAFF)"></IFrame></td>
</tr><tr>
<td height="20"><div align="left"><a href="home.html" target="inframe" onMouseOver="MM_swapImage('Image9','','buttons/home2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="buttons/home.jpg" name="Image9" width="110" height="20" border="0"></a><a href="dunit.htm" target="inframe" onMouseOver="MM_swapImage('Image11','','buttons/home2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="buttons/home.jpg" name="Image11" width="110" height="20" border="0"></a><a href="pixlinks.htm" target="inframe" onMouseOver="MM_swapImage('Image8','','buttons/home2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="buttons/home.jpg" name="Image8" width="110" height="20" border="0"></a><img src="buttons/home.jpg" name="Image12" width="110" height="20" border="0"><a href="fun/funlinkz.htm" target="inframe" onMouseOver="MM_swapImage('Image10','','buttons/home2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="buttons/home.jpg" name="Image10" width="110" height="20" border="0"></a><a href="Aboutme.htm" target="inframe" onMouseOver="MM_swapImage('Image15','','buttons/home2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="buttons/home.jpg" name="Image15" width="110" height="20" border="0"></a><a href="chat.htm" target="inframe" onMouseOver="MM_swapImage('Image13','','buttons/home2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="buttons/home.jpg" name="Image13" width="110" height="20" border="0"></a></div></td>
</table>
</div>
<center>
</center>
</body>
</html>Edit: Position Absolute mit reingebracht. Vorher gab es bei unterschiedlichen Auflösungen Probleme. (Dank an BcF). Ps.: Ich arbeite gerade an einem Projekt, in der ich das gleiche Problem hatte.
die letzte lösung ist wirklich optimal, nochmals vielen dank für die unterstützung. grüße didderd