genereller Befehl bei unterschiedlicher Fenstergröße alles mittig

sycs-music · 25. August 2007 um 18:53

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!!

nichtsgeht · 25. August 2007 um 20:00

Ja

body {
  text-align: center;
}

mi-schi · 25. August 2007 um 20:18

SELFHTML: Navigationshilfen / Häufig gestellte Fragen (FAQ)

sycs-music · 26. August 2007 um 09:14

ich hab mehrere div’s und was muss ich da wo schreiben?? Im head werden die ebenen definiert und im body die inhalte festgelegt!!

system · 26. August 2007 um 09:20

Man muss aber aufpassen: align=„center“ funktionirt nicht immer, manchmal auch align=„middle“

sycs-music · 26. August 2007 um 09:30

funktioniert nicht wirklich, seh da kein erfolg

Maxi · 26. August 2007 um 09:43

aber eigentlich müsste das von nichtsgeht schon gehen, das ist bei mir auch im Einsatz und hält die Seite in der Mitte.

Hast du das ganze auch hochgeladen und auch mal deinen browsercache geleert bevor du es angeschaut hast?

sycs-music · 26. August 2007 um 09:48

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]

<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>

[/code]

Maxi · 26. August 2007 um 11:58

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.

sycs-music · 26. August 2007 um 12:21

sorry, hab ich nicht drauf geachtet, will eigentlich nur das mir mal schnell jemand hilft!

system · 27. August 2007 um 10:29

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))

<!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>

BcF · 27. August 2007 um 10:36

Sollte mit Tabelle eigentlich gehen, geht aber auch ohne:

[code]

Bitte Wählen #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; } [/code]

system · 27. August 2007 um 12:23

geht immer noch nich, ist zu weit links…
wartet screen: Unbenannt

BcF · 27. August 2007 um 12:34

Dann halt so:

[code]

Bitte Wählen #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*/ } [/code]

sycs-music · 27. August 2007 um 13:57

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?

system · 27. August 2007 um 19:38

Danke, ich hab noch n bissl was verändert ergo:

[code]

Wohin solls gehen??? [/code]

sycs-music · 27. August 2007 um 19:46

was hat das mit meinem Problem zu tun??

system · 27. August 2007 um 22:13

Ääähm, ja, wenn du nicht mitgebekommen hast wurde zwischendurch mein Problem gelöst

sycs-music · 28. August 2007 um 15:20

gut das dein Problem gelöst ist! Aber vielleicht kann bitte mal nach meinem Problem schauen!! Wär nett!!

Maxi · 28. August 2007 um 15:36

Wenn jemand dazu noch etwas sagen möchte oder kann wird er das schon machen