divs zentriert

dallasstar · 01.09.2004, 12:43

Hallo, ich will 2 divs nebeneinander zentrieren, aber wenn ich bei beiden eingebe:
<div z-index:1; style="float:center;"> erscheinen sie untereinander!
kann mir jemand helfen?

webmichl · 01.09.2004, 12:50

pack die beiden mit einem float: left; in einen eigenen Container und zentrier den.

dallasstar · 01.09.2004, 12:51

danke werd ich mal probiern
--------------------------
edit:
habs jetzt so geändert
<div z-index:1; style="float:center;">
<div z-index:1; style="float:left;">
<img src="bild1.jpg" width="200" hspace=7 vspace=7>
<br>
<a target="blank" href="bild1.jpg">1024 x 786</a> I <a target="blank" href="bild1.jpg" width="800">800 x 600</a>
</div>

<div z-index:1; style="float:left">
<img src="bild2.jpg" width="200" hspace=7 vspace=7>
<br>
<a target="blank" href="bild2.jpg">1024 x 786</a> I <a target="blank" href="bild2.jpg" width="800">800 x 600</a>
</div>
</div>

funktioniert aber nicht

Terry · 01.09.2004, 13:40

Ist ja auch völlig verquer.

float:center gibt es nicht - floaten geht nur nach links oder rechts.

Bitte belies Dich mal in den Grundlagen, z.B. hier: http://css4you.de
Z.B. zum Thema float: http://css4you.de/float.html

So kann man zentrieren: http://www.css-faq.de/index.php?sid=...6&id=1&lang=de

Und z-indexe sind für Deine Zwecke unnötig.
Außerdem solltest Du besser nicht direkt formatieren, das ist sehr unübersichtlich. Besser in einer ausgelagerten Datei.

dallasstar · 01.09.2004, 13:48

danke terry
-----------
edit:
ich weiß ned was ich falsch mach:
im head steht:

Zitat:

body {text-align: center;}
#zentriert { margin-left: auto; margin-right: auto; text-align: left;}

und dann an der entsprechenden stelle:

Zitat:

HotSpot · 01.09.2004, 14:17

mach mal das ";" in deinem ersten Div vor das ".

walter · 01.09.2004, 14:27

Seit wann braucht man für die Zuweisung einer id ein Semikolon?

Geht doch so:
id="idname"

Oder hab ich was verpasst?

webmichl · 01.09.2004, 14:28

Zitat:

Zitat von HotSpot

mach mal das ";" in deinem ersten Div vor das ".

das gehört da ganz weg

dallasstar · 01.09.2004, 14:36

da passiert leider nix

Terry · 01.09.2004, 14:45

Du hast das CSS im header aber schon korrekt eingebunden?

So mit
<style type="text/css">
hier die css-Anweisungen
</style>

?

dallasstar · 01.09.2004, 16:58

dallasstar · 02.09.2004, 12:48

kann mir echt keiner helfen? das müsste doch zu machen sein?

webmichl · 02.09.2004, 13:03

wie ich oben schon mal gesagt habe: die beiden DIVs in ein eigenes DIV packen und das zentrieren:

Code:

 <body style="text-align: center;">
 <!-- den BODY-Style braucht der IE -->
  <div id="zentriert" style="margin-left: auto; margin-right: auto; width: 440px;">
  <!-- die Breitenangabe wird für ne Zentrierung benötigt - ist hier mal grob geschätzt -->
 	<div style="float:left;">
 	  <img src="morrow.jpg" width="200" hspace=7 vspace=7>
 	  <br>
 	  <a target="blank" href="dallasII.jpg">1024 x 786</a> I <a target="blank" href="dallasII.jpg" width="800">800 x 600</a>
 	</div>
 	<div style="float:left;">
 	  <img src="dallas.jpg" width="200" hspace=7 vspace=7>
 	  <br>
 	  <a target="blank" href="dallasII.jpg">1024 x 786</a> I <a target="blank" href="dallasII.jpg" width="800">800 x 600</a>
 	</div>
 </div>
 </body>

dallasstar · 02.09.2004, 14:23

juhu es funktioniert! danke webmichl du hast's drauf

webmichl · 02.09.2004, 14:27

Hab ich auch aus diesem Forum - such mal nach "Layer" und "zentriert" - da findest Du einiges zum Thema...