mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 17:39 Benutzername: Passwort: Auto-Login

Thema: DIV vom 25.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIV
Autor Nachricht
Ilustratorius
Threadersteller

Dabei seit: 16.06.2009
Ort: Garlstedt
Alter: 31
Geschlecht: Männlich
Verfasst So 25.04.2010 18:17
Titel

DIV

Antworten mit Zitat Zum Seitenanfang

Hallo,

Code:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body,td,th {
    color: #000;
}
body {
   background-color: #808080;
   background-image: url(Bilder/Home_HG.jpg);
   background-repeat: no-repeat;
   background-position:top center;
   background-attachment: scroll;
}
       #Hack {
      position:absolute;
      z-index:1;
      width:900px;
      height:500px;
      top:50px;
      left:150px;
      background-color:;
       }

#Menue {
   position: absolute;
   top: 138px;
   left: 376px;
   width:785px;
   background-attachment: inherit;
         z-index:2;
       }
       #Inhalt {
      position:relative;
      margin-top:400px;
      margin-left:200px;
      z-index:2;
       }
#Menue table {
       width:100%;
       border:none;
       }
a:link {
   color: #000;
}
a:visited {
   color: #000;
}
a:hover {
   color: #000;
}
a:active {
   color: #000;
}

-->
</style>
<script type="text/javascript">
<!--
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_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_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>
</head>
<body onload=
&lt;p;MM_preloadImages('Bilder/Home_Navi/Home.jpg','Bilder/Home_Navi/Photographer.jpg','Bilder/Home_Navi/Gallery.jpg','Bilder/Home_Navi/Travel_reports.jpg','Bilder/Home_Navi/Publications.jpg','Bilder/Home_Navi/Imprint.jpg')></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p></p>
<p>
  <body>
</p>
<div id='Hack'>
</div>
<div id="Menue">
  <table width="785px">
  <tr>
    <td><a href="www.outdoorphotography.de/home.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Bilder/Home_Navi/Home.jpg',1)"><img src="Bilder/Home_Navi/Home_normal.jpg" name="Home" width="130" height="225" border="0" id="Home" /></a><a href="www.outdoorphotography.de/photo.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Photographer','','Bilder/Home_Navi/Photographer.jpg',1)"><img src="Bilder/Home_Navi/Photographer_normal.jpg" name="Photographer" width="130" height="225" border="0" id="Photographer" /></a><a href="www.outdoorphotography.de/gal.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Gallery','','Bilder/Home_Navi/Gallery.jpg',1)"><img src="Bilder/Home_Navi/Gallery_normal.jpg" name="Gallery" width="130" height="225" border="0" id="Gallery" /></a><a href="www.outdoorphotography.de/t_r.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Travel_reports','','Bilder/Home_Navi/Travel_reports.jpg',1)"><img src="Bilder/Home_Navi/Travel_reports_normal.jpg" name="Travel_reports" width="130" height="225" border="0" id="Travel_reports" /></a><a href="www.outdoorphotography.de/publ.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Publications','','Bilder/Home_Navi/Publications.jpg',1)"><img src="Bilder/Home_Navi/Publications_normal.jpg" name="Publications" width="130" height="225" border="0" id="Publications" /></a><a href="www.outdoorphotography.de/imp.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Imprint','','Bilder/Home_Navi/Imprint.jpg',1)"><img src="Bilder/Home_Navi/Imprint_normal.jpg" name="Imprint" width="128" height="225" border="0" id="Imprint" /></a></td>
  </tr>
</table>
</div>
<div id=nächster Bereich"></div>
</body>
</html>


Ich möchte das der DIV einen Abstand von 138px nach oben hat, und mittig ausgerichtet ist. Den Abstand nach oben habe ich ja schon drin, ich habe aber den Seitenabstand in px. Es soll aber mittig.

Ich hoffe ihr könnt mir helfen.

LG
Ilu
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dcn

Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht: Männlich
Verfasst So 25.04.2010 18:38
Titel

Antworten mit Zitat Zum Seitenanfang

Hey,

wenn ich das richtig verstehe dann probier es mal folgend:
Code:
       #Hack {
      position:absolute;
      z-index:1;
      left: 50%;
      margin:0 0 0 -450px;
      width:900px;
      height:500px;
      top:50px;
      background-color:;
       }

#Menue {
   position: absolute;
   top: 138px;
   left: 50%;
   margin:0 0 0 -392px;
   width:785px;
   background-attachment: inherit;
         z-index:2;
       }
  View user's profile Private Nachricht senden
Anzeige
Anzeige
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst So 25.04.2010 18:54
Titel

Antworten mit Zitat Zum Seitenanfang

Butte unbedingt diesen Post lesen und deinen Thread ensprechend bearbeiten
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 26.04.2010 08:10
Titel

Antworten mit Zitat Zum Seitenanfang

OT: Wäre zwar auch fürs bearbeiten, aber wie soll er das machen, wenn die Edit-Zeit schon abgelaufen ist ?
OT2: Hurra, der erste, der auf meinen "zu-beachten-thread" hinweist xD.
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 26.04.2010 09:43
Titel

Antworten mit Zitat Zum Seitenanfang

emorikaner hat geschrieben:
OT: Wäre zwar auch fürs bearbeiten, aber wie soll er das machen, wenn die Edit-Zeit schon abgelaufen ist ?


einfach noch n post mit passendem inhalt, reicht ja auch um zu helfen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nel

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 26.04.2010 15:41
Titel

Antworten mit Zitat Zum Seitenanfang

dcn hat geschrieben:
Hey,

wenn ich das richtig verstehe dann probier es mal folgend:
Code:
       #Hack {
      position:absolute;
      z-index:1;
      left: 50%;
      margin:0 0 0 -450px;
      width:900px;
      height:500px;
      top:50px;
      background-color:;
       }

#Menue {
   position: absolute;
   top: 138px;
   left: 50%;
   margin:0 0 0 -392px;
   width:785px;
   background-attachment: inherit;
         z-index:2;
       }


das dingen kann man doch auch mit margin: 0px auto; ausrichten, oder liege ich da falsch Oo * Ööhm... ja? *
  View user's profile Private Nachricht senden
dcn

Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht: Männlich
Verfasst Mo 26.04.2010 17:33
Titel

Antworten mit Zitat Zum Seitenanfang

Sleeper hat geschrieben:

das dingen kann man doch auch mit margin: 0px auto; ausrichten, oder liege ich da falsch Oo * Ööhm... ja? *


Das kann man in der Tat. War mir halt nur nicht sicher ob es der IE6 auch rafft.
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 26.04.2010 18:13
Titel

Antworten mit Zitat Zum Seitenanfang

dcn hat geschrieben:
Sleeper hat geschrieben:

das dingen kann man doch auch mit margin: 0px auto; ausrichten, oder liege ich da falsch Oo * Ööhm... ja? *


Das kann man in der Tat. War mir halt nur nicht sicher ob es der IE6 auch rafft.


solang er nich im quirksmode ist, gehts.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.