✔ Layer Mittig ausrichten - Problem

[Reanimated]

Danke, jetzt gehts

 

[Reanimated]

Da du mir so schnell geholfen hast, frage ich hier gleich nochmal. Die URL hast ja noch

Ich will jetzt den Inhalt einfügen, so wie du es jetzt siehst. Wie kann ich das mit nem Layer machen?

 

[Maik]

Hi,

kannst du deine Frage nach dem "Layer" auch etwas präzisieren?

 

[Reanimated]

Jetzt habe ich den Inhalt in eine Tabelle gepackt. siehst du unter http://www.fitdurchfitness.de/test2.php

Eine Zeile für die Überschrift (mit Hintergrund) und eine Zeile für den Inhalt.
Lässt sich das als Layer realisieren. Setzt ich jetzt einfach in den "Content"-Layer den nächsten Layer?

Ich kann ja gleich weiter fragen
Mein Kumpel (für den die Seite ist) will den Inhalt in 2 Nebeneinander liegende Tabelle haben.

 

[Maik]

Mal abgesehen davon, dass Tabellen semantisch nicht dafür vorgesehen sind, den Seiteninhalt "anzuordnen", habt ihr zwei Möglichkeiten, um zwei Tabellen nebeneinander anzuordnen bzw. auszurichten:

1. Verschachtelte Tabellen.
   
2. Die CSS-Eigenschaft float.

 

[Reanimated]

Aber ich sehe es schonmal richtig, dass ich für die Überschrift und für den Inhalt jeweils einen Layer brauche?

 

[Maik]

Semantisch benötigst du keinen Layer (oder Tabellen), sondern Elemente zur Textstrukturierung.

 

[Reanimated]

Ich hab das jetzt mal mit den "float" versucht. Schau mal auf die Seite. Irgendwas sitimmt da nicht...

 

[Maik]

Hi,

die Floatumgebung muss noch "gecleart" werden, damit der Inhalt die umschliessende Box #content am unteren Elementrand nicht überlappt - siehe http://positioniseverything.net/easyclearing.html

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<div id="content" class="clearfix"> ... </div>

Im übrigen darf eine ID in einem Dokument nur einmal vergeben werden. Somit muß die mehrfach verwendete ID #table in die Klasse .table umgewandelt werden.

 

[Reanimated]

Warum passiert jetzt sowas?