Zwei Boxen in eineder Box, richtig ausrichten, float Problem

[Sabine]

ich habe eine box, dort möchte ich das oben rechts eine weitere Box erscheint und unten links auch eine. Die Box funktioniert, die oben Box auch nur die unten klappt nicht. Vieleicht kann mir jemand helfen...

  
<div id="box">  
    <div id="oben"></div>  
    <div id="unten"></div>  
</div>

----------------------------------------

.box  
{  
width: 1000px;  
height:100px;  
}  
  
.oben  
{  
float:right;  
}  
  
.unten  
{  
float:right;  
}

[suit]

ich habe eine box, dort möchte ich das oben rechts eine weitere Box erscheint und unten links auch eine. Die Box funktioniert, die oben Box auch nur die unten klappt nicht.

Woher soll die untere "box" wissen, dass sie unten sein soll?

[Gunnar Bittersmann]

@@Sabine:

nuqneH

Die Box funktioniert […]
[HTML] <div id="box">
[CSS] .box

Ich weiß nicht, was da funktionieren soll, wenn du mittels Klassenselektor Elemente selektieren willst, die es gar nicht gibt.

Vielleicht so?

#box  
{  
  width: 1000px;  
  height: 100px;  
  position: relative;  
}  
  
#oben  
{  
  position: absolute;  
  right: 0;  
  top: 0;  
}  
  
#unten  
{  
  position: absolute;  
  right: 0;  
  bottom: 0;  
}

Qapla'

[Sabine]

Wie kann ich den dann in der #unten Box das Wort TEST formatieren, also in der Mitte aurichten. Mit padding klappt es nicht?

#unten  
{  
height:50px;  
width: 100px;  
padding: 15px 10px 15px 10px;  
position: absolute;  
right: 0;  
bottom: 0;  
}

@@Sabine:

nuqneH

Die Box funktioniert […]
[HTML] <div id="box">
[CSS] .box

Ich weiß nicht, was da funktionieren soll, wenn du mittels Klassenselektor Elemente selektieren willst, die es gar nicht gibt.

Vielleicht so?

#box

{
  width: 1000px;
  height: 100px;
  position: relative;
}

#oben
{
  position: absolute;
  right: 0;
  top: 0;
}

#unten
{
  position: absolute;
  right: 0;
  bottom: 0;
}

>   
> Qapla'

[suit]

Wie kann ich den dann in der #unten Box das Wort TEST formatieren, also in der Mitte aurichten.

Welches Wort "TEST"?

Mit padding klappt es nicht?

Aussagen werden im Deutschen für gewöhnlich nicht mit einem Fragezeichen beendet.

[Gunnar Bittersmann]

@@Sabine:

nuqneH

Wie kann ich den dann in der #unten Box das Wort TEST formatieren

In '<div id="unten"></div>' ist kein Wort TEST.

also in der Mitte aurichten.

Vertikal? Horizontal? FAQ lesen?

Mit padding klappt es nicht?

„Klappt nicht“ klappt nicht.

Qapla'