Delphi-PRAXiS - CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Seite 2 von 3

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - CSS - Dem Wahnsinn nahe (Ausrichtungsfrage) (https://www.delphipraxis.net/68888-css-dem-wahnsinn-nahe-ausrichtungsfrage.html)

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

@ Balu: Was macht er denn ...??? Bzw. was macht er nicht???

@alcaeus was meinst du mit Toll ... die Erkenntnis dass diese Werte nicht funktionieren? Ich hab nur meine Meinung gepostet ...

mfG

Markus

EDIT: Ich hab zwar kein Ahnung, aber mal so geraten: vielleicht musst du zur Positionierung den Margin einbauen ...

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

@Balu: text-align bestimmt die Ausrichtung des Inhalts, aber nicht des Containers.
@markus: mit dem "Toll" meinte ich, dass solche Kommentare ja aeusserst viel bringen. Dass der IE manchmal nicht alles korrekt anzeigt weiss mittlerweile jedes Kind, das muss nicht bei jeder Gelegenheit erwaehnt werden, v.a. wenn der Inhalt ja sonst nicht viel mitm Thema zu tun hat; aber egal

Greetz
alcaeus

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Ok, ich habs jetzt hinbekommen, danke. :-)

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Und wie hast du es nun hinbekommen? Ich denke mal das wird hier ein paar interessieren! :mrgreen:

Flare

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Zitat:

Zitat von alcaeus

@markus: mit dem "Toll" meinte ich, dass solche Kommentare ja aeusserst viel bringen. Dass der IE manchmal nicht alles korrekt anzeigt weiss mittlerweile jedes Kind, das muss nicht bei jeder Gelegenheit erwaehnt werden, v.a. wenn der Inhalt ja sonst nicht viel mitm Thema zu tun hat; aber egal

Man muss aber nicht aktiv an der Vebreitung dieser Seuche mitwirken. Wenn eine korrekte Seite im IE beschissen aussieht: shit happens, wer's vernünftig dargestellt haben will könnte doch bei FF oder Opera vorbeischauen.
Darwinismus klappte in der Natur die letzten 3.5 Milliarden Jahre lang auch hervorragend. (Auch wenn die Krönung der Schöpfung den IE erschuf... :mrgreen: )

Fies wird's erst wenn es keine oder nur eine der "vernünftigen" Rendering engines gebacken kriegt.

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Zitat:

Zitat von Flare

Und wie hast du es nun hinbekommen? Ich denke mal das wird hier ein paar interessieren! :mrgreen:

In der CSS-Datei:

Code:

			.main {

      text-align:center;

      }

.header {

       border: 1px #9A9A9A solid;

      width:750px;

      text-align:left;

      background-color: rgb(227,227,227);

       }

In der HTML-datei dann:

Code:

			<div class="main"> 

<div class="header"><p class="maintext">Willkommen</p></div> 

</div>

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Wunderbar! Danke! :thumb:

Flare

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Man kann sonst auch ein wenig schummeln, damit es auf allen Browsern funktioniert.

Das Element

Code:

			<div id="MyElement" style="width: 200px; height: 100px;">

</div>

Body Onload:

Code:

JavaScript:

Code:

			function centerElement(e)

{

 e = document.getElementById(e);

 var ex, ey, wx, wy, sx, sy;

 ex = parseInt(e.style.width);

 ey = parseInt(e.style.height);

 /* --- Inner Width/Height --- */

 if (self.innerHeight)

 {

  wx = self.innerWidth;

  wy = self.innerHeight;

 }

 else if (document.documentElement && document.documentElement.clientHeight)

 {

  wx = document.documentElement.clientWidth;

  wy = document.documentElement.clientHeight;

 }

 else if (document.body)

 {

  wx = document.body.clientWidth;

  wy = document.body.clientHeight;

 }

 /* --- Scrolling offset --- */

 if (self.pageYOffset)

 {

  sx = self.pageXOffset;

  sy = self.pageYOffset;

 }

 else if (document.documentElement && document.documentElement.scrollTop)

 {

  sx = document.documentElement.scrollLeft;

  sy = document.documentElement.scrollTop;

 }

 else if (document.body)

 {

  sx = document.body.scrollLeft;

  sy = document.body.scrollTop;

 }

 e.style.left = (((wx / 2) - (ex / 2)) + sx) + 'px';

 e.style.top  = (((wy / 2) - (ey / 2)) + sy) + 'px'; 

}

Diese Methode funktioniert übrigens auch, wenn man schon ein Stück runter gescrollt hat.
Man kann also die Funktion auch später aufrufen (beim Einblenden vom Element) und das Element wird trotzdem an der richtigen Stelle zentriert gesetzt :)

Edit: Wichtig ist nur, dass das Element eine absolute Größenangabe hat.

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Zitat:

Zitat von s.h.a.r.k

HTML-Tag <center></center>.

der wäre meines wissens nach eh deprecated und sollte laut Empfehlung nicht mehr verwendet werden, statdessen gibts ja auch zentrierte Divs.

Zitat:

Zitat von Elvis

Zitat:

Zitat von alcaeus

Der Standardanwender wird aber einen Teufel tun, seinene schönen mitgelieferten Browser zu wechseln. Stattdessen wird er sich fragen, wieso deine Seite so besch... aussieht und diese daraufhin abhacken und sich eine andere Suchen, welche er vernünftig im IE betrachten kann. Somit muss eine Seite, wenn sie auch auf Firefox, Mozilla oder dergleichen optimiert ist, imGroßen und ganzen mit jedem Browser betrachtbar sein und (halbwegs) vernünftig (bei ordentlichen Fensterabmessungen und Schriftgröße versteht sich) aussehen. Der Darwinismus mag ja klappen, aber veilleicht stirbt auch deine Seite aus :mrgreen:

Die Methode von SubData hat halt den Nachteil, das sie JS benötigt, wenns das nicht gibt hat man wieder ein Problem. Aber das sollte ja im IE meist an sein wird ich mal denken.

Re: CSS - Dem Wahnsinn nahe (Ausrichtungsfrage)

Ich zentriere Elemente immer so auf dem "Eltern-Element" ....

Code:

			.Screenbox {

              margin 0px auto 0px auto;

              boarder 1px solid black;

              ...

}

Das funktioniert auf allen aktuellen Browsern ohne Probleme.
Ob meine Website mit NetScape 2.0.2.866 oder IE 3.0 läuft interessiert mich erhrlich gesagt nicht.

Schöne Grüße,
Jens
:hi:

Seite 2 von 3