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.

[Marc]

Moin moin,

heute weiß ich mal selber nicht mehr weiter:

Kann vorkommen...

Folgende Vorstellung will ich umsetzen:

(...) Ist schon nicht mehr wichtig, was ich wollte...

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

Ja, aber leider in die CSS-Datei, die ich gar nicht mehr verwende... - deswegen hat es auch nichts geholfen (dafür habe ich jetzt fast eine Stunde gebraucht)...

Man sollte halt nie mehr als 20 Dateien gleichzeitig im Editor öffnen...

Sorry an alle, die in der funktionierenden Version nach einem Fehler gesucht haben!

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

Eher weiter oben im Hirn...

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

Geschichten, die das Leben (ins Forum) schrieb...

Gruß,
Marc.