ein Problem mit css Styles

[TheDodger]

Ich habe ein Problem mit einem meiner css styles.

Und zwar muß das ganze leider etwas zu sehr statisch sein, aber eine größere Wahl habe ich leider nicht ...

der style wird so angelegt

#datum {

  position: absolute;

  top: 90px;
  bottom: auto;
  left: 0px;
  right: auto;

  width: 100%;
  height: 39px;

  border-top: 1px blue solid;
  border-bottom: 1px blue solid;
  border-left: 1px blue solid;
  border-right: 1px blue solid;

  background-color: #cecece;

  vertical-align: middle;
  text-align: right;
  white-space: nowrap;

  z-index: 1;
}

wenn ich nun mit

<div id="datum">
 <strong>
   <?
     setlocale( LC_TIME, "de_DE" );

     $timestamp = time();
     $datum = date("d.m.Y",$timestamp);
     print( strftime( "%A, " ) );
     print( $datum );
     print( "&nbsp;&nbsp;" );
  ?>
 </strong>
</div>

aufrufe soll das Datum mittig und rechts in der dargestellten Box stehen.
Rechts klappt ja noch, aber mittig leider überhaupt nicht! :-(

Das ganze hab ich jetzt mit Opera6 / Mozilla 1.1 / IE 5.5 getestet und überall siehts gleich aus.

Hat jemand eine Idee, wie ich den Text doch noch mittig kriegen kann?

 

[Daniel Mannheimer]

probier'S mal mit:

div.datum {deinstyle}

 

[Andreas Gaisbauer]

Hi,

schon mal mit

<div id="datum" class="datum">

probiert?



CU Andreas
-------------------------------------------------------------
"There are only 10 types of people in the world, those that understand binary, and those that don't."

 

[Fabian H]

wenn irgend wie was zentriert werden soll, würde ich im normalfall imer mit div tags/funktionen arbeiten

]Ton[

 

[TheDodger]

Vielen Dank für eure Hilfe, aber es hat nix von alledem gebracht!
Hmm, dann muß ich mich wohl damit abfinden, das dies noch nicht von den Browsern unterstütz wird ...

Anyway ... ich möchte mit Layern eine Box zeichen, die ungefähr in der Mitte des Datstellungsbereiches losgehen soll und bis zum absolut rechten Rand reicht.
Mit Mozilla und Co. klappt das, doch der IE sperrt sich vehement dagegen. Gibt es dafür eine Lösung?

 

[THE REAL TOOLKIT]

Entweder screen.width\2 oder ganz genau: document.documentElement.offsetHeight
das dürfte zumindest für den ie gehen

 

[TheDodger]

Dann hab ich den Startwert, richtig. Den kann ich auch über right: 250px; erreichen.
Mir geht es aber um den Endpunkt innerhalb eines css-Styles ...

 

[THE REAL TOOLKIT]

Hmn?
Endpunkt vom Style?

 

[TheDodger]

Nein, endpunkt einer box.

.boxed {

  border: 1px black solid;
}

<div class="boxed" style="position relative; left: 270px; right: 0px; top 2px; bottom: auto; height: 20px;">

 test
</div>

soll mir eine box zeichnen, die von der linken position aus, bis zum absolut rechten rand reicht.
Mozilla macht es, der IE nicht.

das richtige design ist etwas komplizierter, wobei der IE _immer_ aus der Reihe tanzt

ich schalt mal die FW frei, dann kannst du dir das mal unter http://213.183.183.180/test/ anschauen

 

[THE REAL TOOLKIT]

Ich glaube nicht dass du bei einer relativen position angaben zur position machen kannst(und obs ohne doppelpunkte geht?)
außerdem kannst du nur eins von beiden definieren und nicht top/bottom und right/left gleichzeitig

Imo sollte das gehen:

<div class="boxed" style="position:absolute;right:0;top:2;height:20px;">