Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2005 Teil von Oktober

SELFHTML Forumsarchiv
Problem mit neuem Design

Informationsseite
  1. Seite (CSS) Problem mit neuem Design von Bernd, 30. 10. 2005, 23:04
nach unten

Problem mit neuem Design

Die folgende Nachricht zum Thema stammt von: Bernd, 30. 10. 2005, 23:04

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

nach obennach unten

Problem mit neuem Design

Die folgende Nachricht zum Thema stammt von: Bernd, 30. 10. 2005, 23:08

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

nach obennach unten

Problem mit neuem Design

Die folgende Nachricht zum Thema stammt von: ruben, 30. 10. 2005, 23:57

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

Gru0,
Ruben

nach obennach unten

Problem mit neuem Design

Die folgende Nachricht zum Thema stammt von: Bernd, 31. 10. 2005, 00:16

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

nach obennach unten

Problem mit neuem Design

Die folgende Nachricht zum Thema stammt von: thomas detlefsen, 31. 10. 2005, 01:49

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

nach obennach unten

Problem mit neuem Design

Die folgende Nachricht zum Thema stammt von: mbr, 31. 10. 2005, 05:48

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

nach obennach unten

Problem mit neuem Design

Die folgende Nachricht zum Thema stammt von: Bernd, 31. 10. 2005, 10:42

Hallo Thomas und mbr,

vielen Dank für eure Hilfe. :-)

Viele Grüße
Bernd

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2005 Teil von Oktober

© 1998-2006 Seite Impressum, Software: Classic Forum