• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

genereller Befehl bei unterschiedlicher Fenstergröße alles mittig

Status
Für weitere Antworten geschlossen.
S

sycs-music

Neues Mitglied
Hallo,

gibt es einen generellen Befehl der immer alles (Ebenen,bg) mittig ausrichtet, zb. wenn das Fenster kleiner wird aber trotzdem immer alles mittig ist!!
 
ich hab mehrere div's und was muss ich da wo schreiben?? Im head werden die ebenen definiert und im body die inhalte festgelegt!!
 
ja hab ich, ich hab es einmal als generellen body befehl geschrieben, d.h. nur einmal vor allem. Dann im head bereich bei der definition der divs und im body für alle!

Das ist mein code wo genau muss was überall hin??



Code: 
		<style type="text/css" media="screen"><!--
#Ebene1 { height: 690px; width: 950px; left: 140px; top: 50px; position: absolute; visibility: visible; }
#Ebene2 { height: 30px; width: 73px; left: 210px; top: 130px; position: absolute; visibility: visible; }
#Ebene3 { height: 30px; width: 73px; left: 300px; top: 130px; position: absolute; visibility: visible; }
#Ebene4 { height: 30px; width: 73px; left: 390px; top: 130px; position: absolute; visibility: visible; }
#Ebene5 { height: 30px; width: 83px; left: 480px; top: 130px; position: absolute; visibility: visible; }
#Ebene6 { height: 30px; width: 73px; left: 570px; top: 130px; position: absolute; visibility: visible; }
#Ebene7 { height: 30px; width: 73px; left: 660px; top: 130px; position: absolute; visibility: visible; }
#Ebene8 { height: 30px; width: 73px; left: 750px; top: 130px; position: absolute; visibility: visible; }
#Ebene9 { height: 330px; width: 686px; left: 180px; top: 170px; position: absolute; visibility: visible; }
#Ebene10 { height: 80px; width: 145px; left: 10px; top: 270px; position: absolute; visibility: visible; }
--></style>
		<csscriptdict import="import">
			<script type="text/javascript" src="CSScriptLib.js"></script>
		</csscriptdict>
		<csactiondict>
			<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		pre_Band2 = newImage('Bilder/Buttons/Band2.jpg');
		pre_Termine2 = newImage('Bilder/Buttons/Termine2.jpg');
		pre_Bilder2 = newImage('Bilder/Buttons/Bilder2.jpg');
		pre_Kontakt2 = newImage('Bilder/Buttons/Kontakt2.jpg');
		pre__Guestbook2 = newImage('Bilder/Buttons/.Guestbook2.jpg');
		pre_Home2 = newImage('Bilder/Buttons/Home2.jpg');
		pre_History2 = newImage('Bilder/Buttons/History2.jpg');
		preloadFlag = true;
	}
}

// --></script>
		</csactiondict>
	</head>

	<body onload="preloadImages();" bgcolor="black">
	
	
		<div id="Ebene1">
			<div id="Ebene2">
				<a onmouseover="changeImages('Home1','Bilder/Buttons/Home2.jpg');return true" onmouseout="changeImages('Home1','Bilder/Buttons/Homeankl.jpg');return true" href="index.html"><img id="Home1" src="Bilder/Buttons/Homeankl.jpg" alt="" name="Home1" height="17" width="83" border="0" /></a></div>
			<div id="Ebene3">
				<a onmouseover="changeImages('Bilder1','Bilder/Buttons/Band2.jpg');return true" onmouseout="changeImages('Bilder1','Bilder/Buttons/Band1.jpg');return true" href="band.html"><img id="Bilder1" src="Bilder/Buttons/Band1.jpg" alt="" name="Bilder1" height="17" width="83" border="0" /></a></div>
			<div id="Ebene4">
				<a onmouseover="changeImages('Termine1','Bilder/Buttons/Termine2.jpg');return true" onmouseout="changeImages('Termine1','Bilder/Buttons/Termine1.jpg');return true" href="Termine.html"><img id="Termine1" src="Bilder/Buttons/Termine1.jpg" alt="" name="Termine1" height="17" width="83" border="0" /></a></div>
			<div id="Ebene6">
				<a onmouseover="changeImages('Kontakt1','Bilder/Buttons/Kontakt2.jpg');return true" onmouseout="changeImages('Kontakt1','Bilder/Buttons/Kontakt1.jpg');return true" href="kontakt.html"><img id="Kontakt1" src="Bilder/Buttons/Kontakt1.jpg" alt="" name="Kontakt1" height="17" width="83" border="0" /></a></div>
			<div id="Ebene9">
				<iframe src="homeinline.html" height="348" width="686"></iframe>
			</div>
			<img src="Bilder/hpnew.jpg" alt="" height="600" width="950" usemap="#hpnew19c5d10" border="0" autolowsrc="autolowsrc" lowsrc="Bilder/hpnewls.gif" /><map name="hpnew19c5d10"><area shape="rect" coords="317,526,404,550" href="newsletter.html" alt="" /><area shape="rect" coords="237,527,317,550" href="disclaimer.html" alt="" /><area shape="rect" coords="153,529,239,550" href="impressum.html" alt="" /></map>
			<div id="Ebene8">
				<a onmouseover="changeImages('_Guestbook','Bilder/Buttons/.Guestbook2.jpg');return true" onmouseout="changeImages('_Guestbook','Bilder/Buttons/.Guestbook.jpg');return true" href="http://www3.viviano.de/cgi-bin/book2.cgi?gbid=1886-J6L6R#" target="new"><img id="_Guestbook" src="Bilder/Buttons/.Guestbook.jpg" alt="" name="_Guestbook" height="17" width="83" border="0" /></a></div>
			<div id="Ebene7">
				<a onmouseover="changeImages('links1','Bilder/Buttons/History2.jpg');return true" onmouseout="changeImages('links1','Bilder/Buttons/History1.jpg');return true" href="#"><img id="links1" src="Bilder/Buttons/History1.jpg" alt="" name="links1" height="17" width="83" border="0" /></a></div>
			<div id="Ebene5">
				<a onmouseover="changeImages('Bilder2','Bilder/Buttons/Bilder2.jpg');return true" onmouseout="changeImages('Bilder2','Bilder/Buttons/Bilder1.jpg');return true" href="bilder.html"><img id="Bilder2" src="Bilder/Buttons/Bilder1.jpg" alt="" name="Bilder2" height="17" width="83" border="0" /></a></div>
		</div>
		
	
	</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
sycs-music

Schau dir bitte mal unsere Forenregeln an:
- Keine Mehrfachpostigs
- Code-Tags verwenden!
Ich habe deine letzten beiden Beiträge dementsprechend editiert, hoffe aber, das nicht nochmals machen zu müssen.
 
so Leute mein Problem habe es gelöst, wie es hier steht -> funzt nicht
und hab es außerdem gelöst wie es bei Selfhtml steht funzt auch nich... hab beides mal das selbe Ergebnis sowohl mit Firefox2 als auch mit IE7...:
Link zum Screen: Unbenannt2

Und hier nochmal mein Code (siehe SELFHTML: Navigationshilfen / Häufig gestellte Fragen (FAQ))

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bitte Wählen</title>
<meta name="author" content="LK alias iPott">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="formate.css">
<style type="text/css">
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="height:100%">
<tr><td align="center" valign="middle">
<img src="nr6.gif"></img>
</td></tr></table>
</body>
</html>
 
Sollte mit Tabelle eigentlich gehen, geht aber auch ohne:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Bitte Wählen</title>
    <meta name="author" content="LK alias iPott">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" type="text/css" href="formate.css">
    <style type="text/css">
      #center {
        height:XXpx; /*XX = Höhe des Bildes in Pixel*/
        position:absolute;
        top:50%;
        margin-top:-XXpx; /*XX = Die Hälfte der Höhe des Bildes*/
        margin-left:auto;
        margin-right:auto;
      }
    </style>
  </head>
  <body>
    <img src="nr6.gif" alt="" id="center">
  </body>
</html>
 
Dann halt so:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Bitte Wählen</title>
    <meta name="author" content="L.K. alias iPott">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" type="text/css" href="formate.css">
    <style type="text/css">
      #center {
        height:XXpx; /*XX = Höhe des Bildes in Pixel*/
        width:XXpx; /*XX = Breite des Bildes in Pixel*/
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-XXpx; /*XX = Die Hälfte der Höhe des Bildes*/
        margin-left:-XXpx; /*XX = Die Hälfte der Breite des Bildes*/
      }
    </style>
  </head>
  <body>
    <img src="nr6.gif" alt="" id="center">
  </body>
</html>
 
Ok, danke- super, werd es heute abend gleich auspobieren!! geb dann nochmal bescheid!!

Danke

Edit:

Also es funtioniert fast so, wie ich es will, allerdings schiebt sich alles beim verkleinern des Fensters nach links raus! wie kann ich das machen das es wie bei GOOD MOURNING aussieht?
 
Zuletzt bearbeitet:
Danke, ich hab noch n bissl was verändert ergo:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Wohin solls gehen???</title>
    <meta name="author" content="LK alias iPott">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" type="text/css" href="./styles/index.css">
    <style type="text/css"></style>
    <script src="./scripts/scripts.js" type="text/javascript"></script>
  </head>
  <body>
    <a href="http://google.de/" onclick="advert()"><img src="./pics/PAM.png" alt="" id="center"> </a>
    <a href="http://google.de/" onclick="advert()"><img src="./pics/IPO.png" alt="" id="center2"></a>
  </body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben