Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Ilustratorius
Threadersteller
Dabei seit: 16.06.2009
Ort: Garlstedt
Alter: 31
Geschlecht:
|
Verfasst So 25.04.2010 18:17
Titel DIV |
|
|
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=
<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> </p>
<p> </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
|
|
|
|
|
dcn
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst So 25.04.2010 18:38
Titel
|
|
|
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;
}
|
|
|
|
|
|
Anzeige
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst So 25.04.2010 18:54
Titel
|
|
|
Butte unbedingt diesen Post lesen und deinen Thread ensprechend bearbeiten
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 26.04.2010 08:10
Titel
|
|
|
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.
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mo 26.04.2010 09:43
Titel
|
|
|
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
|
|
|
|
|
nel
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mo 26.04.2010 15:41
Titel
|
|
|
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
|
|
|
|
|
dcn
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Mo 26.04.2010 17:33
Titel
|
|
|
Sleeper hat geschrieben: |
das dingen kann man doch auch mit margin: 0px auto; ausrichten, oder liege ich da falsch Oo |
Das kann man in der Tat. War mir halt nur nicht sicher ob es der IE6 auch rafft.
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mo 26.04.2010 18:13
Titel
|
|
|
dcn hat geschrieben: | Sleeper hat geschrieben: |
das dingen kann man doch auch mit margin: 0px auto; ausrichten, oder liege ich da falsch Oo |
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.
|
|
|
|
|
|
|
|
|
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.
|
|