Problem mit neuem Design

[Bernd]

Hallo,

ich bastle gerade an einem neuen Design und habe dabei ein Problem.

http://www.bannerex.de/main.html

Z. Zt. steht das Bild (der gelbe Kasten) direkt neben der linken Liste (grünes Feld). Das Bild soll jedoch genau in der Mitte zwischen den beiden Listen stehen.

Ist Zustand:
ListeBild     Liste

Soll Zustand:
Liste     Bild     Liste

Hat jemand eine Idee, wo der Fehler ist?

Vielen Dank im voraus.

Viele Grüße
Bernd

[Bernd]

Ich habe nochmal etwas am Code gebastelt, aber viel besser ist das Ergebnis leider auch nicht.

http://www.bannerex.de/main.html

Hallo,

ich bastle gerade an einem neuen Design und habe dabei ein Problem.

http://www.bannerex.de/main.html

Z. Zt. steht das Bild (der gelbe Kasten) direkt neben der linken Liste (grünes Feld). Das Bild soll jedoch genau in der Mitte zwischen den beiden Listen stehen.

Ist Zustand:
ListeBild     Liste

Soll Zustand:
Liste     Bild     Liste

Hat jemand eine Idee, wo der Fehler ist?

Vielen Dank im voraus.

Viele Grüße
Bernd

[ruben]

Hallo!
Block-elemente zentrierst du mit der CSS-Angabe margin-left:auto;margin-right:auto
Erst suchen/verstehen, dann fragen bitte.

Gru0,
Ruben

[Bernd]

Hallo,

Block-elemente zentrierst du mit der CSS-Angabe margin-left:auto;margin-right:auto

ich habe meine Seite jetzt geändert, aber leider ohne Erfolg.

Grüße
Bernd

[thomas detlefsen]

Ich habe nochmal etwas am Code gebastelt, aber viel besser ist das Ergebnis leider auch nicht.

http://www.bannerex.de/main.html

Hallo,

ich bastle gerade an einem neuen Design und habe dabei ein Problem.

http://www.bannerex.de/main.html

Z. Zt. steht das Bild (der gelbe Kasten) direkt neben der linken Liste (grünes Feld). Das Bild soll jedoch genau in der Mitte zwischen den beiden Listen stehen.

Ist Zustand:
ListeBild     Liste

Soll Zustand:
Liste     Bild     Liste

Hat jemand eine Idee, wo der Fehler ist?

Vielen Dank im voraus.

Viele Grüße
Bernd

Hi Bernd

auf folgende Weise konnen Elemente zentral angeordnet werden:

.zentriert {
  position:absolute;
  top:50%;
  left:50%;
  width:breite des element in px;
  height:höhe des elements in px;
  margin-left: -halbe breite;
  margin-top: -halbe höhe;
}

wenn du das element (div) oben bündig setzen willts muss du das mit der höhe weglassen.

ich hoffe das hilft dir weiter.

den Typ hab ich hier irgendwo gefunden, weiss aber nicht mehr wo.

viel erfolg

thomas

[mbr]

Hallo, ihr zwei

auf folgende Weise konnen Elemente zentral angeordnet werden:

.zentriert {
  position:absolute;
  top:50%;
  left:50%;
  width:breite des element in px;
  height:höhe des elements in px;
  margin-left: -halbe breite;
  margin-top: -halbe höhe;
}

den Typ hab ich hier irgendwo gefunden, weiss aber nicht mehr wo.

bestimmt bei den FAQ

liebe Grüße mbr

P.S.: für den OP: beispiel

[Bernd]

Hallo Thomas und mbr,

vielen Dank für eure Hilfe. :-)

Viele Grüße
Bernd