Zwei Boxen nebeneinander

[Marc]

Moin moin zusammen,

heute weiß ich mal selber nicht mehr weiter:

Folgendes Vorstellung will ich umsetzen:

• ---------------------------------------------------------------+ <--------|
  |  <h1></h1>                                                     |          |
  |  <p></p>                                                       |          |
  |  <p></p>                                                       |          |
  |                                                                |          |
  |+--------------------------------------------------------------+| <----+   |
  || +---------------------++------------------------------------+|| <-+  |   |
  || |Text links (Datum)   ||                  Text rechts >>mehr|||   |  |   |
  || +---------------------++------------------------------------+|| <-+  |   |
  |+--------------------------------------------------------------+| <----+   |
  +----------------------------------------------------------------+ <--------|
                                                                       |  |
                                                                       |  |
                                                                       |  |
  Links und rechts auszurichtender Text erscheint untereinander <------+  |
                                                                          |
                                                                          |
  Anders gefärbte (und daher nötige) Box                           <------+

So weit der Wunsch. Das habe ich auch bereits verwirklicht (Siehe http://www.genres.de/CFDEV/mh/cf/zadi_layout/)

Nun benötige ich dasselbe in einer anderen Seite (http://www.genres.de/CFDEV/mh/tablefree/ll-login/ll-login.new.htm)

Faul wie ich bin, habe ich das einfach kopiert (siehe ganz unten)

Klappt aber nicht - und ich habe keine Ahnung warum. Offenbar liegt der Fehler weiter oben im CSS?

Hier mal die komplette Datei:

body, html {
 margin:0;
 padding:0;
 border:0;
 width:100%;
 background-color:#ddf;
}

body {
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:80%;
}

div#layout {
 position:relative;
 top:5em;
 right:3em;
 margin-left:6em;
 margin-bottom:3em;
 padding:1em;
 background-color:#fff;
 border:1px navy solid;
 text-align:center;
}

#Username, #Password, #Domain{
 width:15em;
 margin-bottom:1em;
 padding:3px;
 font-weight:bold;
 border-width:3px;
 border-style:double;
 border-color:#7FB2CD;
 color:black;
 background-color:#d1e1ee;
}

#Password {
 font-weight:normal;
}

#Username:hover, #Password:hover, #Domain:hover {
 border-color:#f00;
}

#Username:focus, #Password:focus, #Domain:focus {
 border-color:#f00;
}

#submit INPUT {
 width:15em;
 padding:3px;
 padding-right:4px;
 padding-bottom:4px;
 margin-bottom:1em;
 border:solid 0.2em;
 border-color:#bef #59b #59b #bef;
 background-color:#d1e1ee;
}

#submit INPUT:hover {
 padding:3px;
 padding-left:4px;
 padding-top:4px;
 border-color:#59b #bef #bef #59b;
 text-decoration:none;
}

div#test {
 position: relative;
 bottom:0;
 left:0;
 border-top:1px red dotted;
 text-align:left;
}

div .artikelende {
 width:85%;
 padding-bottom:0.5em;
 border-bottom:1px solid #aaa;
}

.datum {
 text-align:left;
 width:15%;
 height:3em;
 line-height:1em;
}

.mehrlink {
 float:right;
 text-align:right;
 width:60%;
 height:3em;
 line-height:1em;
}

Findet jemand den Fehler?

Übrigens: Die Seite ist (noch) nicht valide, was vor allem am Script liegt - nach der Bearbeitung durch den Server sollte sich das Problem erledigt haben...

http://validator.w3.org/check?verbose=1&uri=http%3A//www.genres.de/CFDEV/mh/tablefree/ll-login/ll-login.new.htm

Ich fürchte, das Problem ist nicht ganz so schnell gelöst, daher schon mal im Voraus ganz herzlichen Dank an alle Helfer!!!

Gruß,
Marc.