Links Mitte Rechts Problem, Mitte soll eigenständig sein

[Dark Ranger]

@Raid: Kannst du mir mal erklären was du wie und warum gemacht hast?

@Quaese: Mhhh das Ergebniss sieht auch sehr gut aus, allerdings blicke ich da noch nicht so ganz durch. Kannste mir das auch noch ein wenig erklären?



An Alle: Kann mir irgendwer ein Buch empfehlen?

 

[-Raid-]

Sicher kann ich das.
Ich habe:

.descimg
{
	float: left;
	height: 100px;
	width: 100px;
	
}

aus der .css gelöscht und dafür:

.spacing
{
margin: -20px 0px 0px 100px;
}

eingefügt.

Dann habe ich in der .html noch folgende Änderungen vorgenommen:

<div class="descimg">

gelöscht, und

<div class="spacing">

hier:

<div class="spacing">
						<div class="description">
							BESCHREIBUNG1
						</div>
						<div class="level">
							LEVEL1
						</div>
						<div class="next">
							NÄCHSTE STUFE1
						</div>
					</div>

eingefügt.

Jetzt wird durch

<div class="spacing">

der Text einfach nur verschoben.

margin: -20px 0px 0px 100px

-20px verschiebt den Text nach oben und die 100px verschieben den Text nach rechts.
Hoffe das ist so verständlich.

Mit freundlichen Grüßen,
-Raid-

 

[Quaese]

Hi,

die Sache mit dem buildings-Element und seiner Auszeichnung habe ich ja bereits erklärt.

Die Boxen für die unterschiedlichen Gebäude (building) werden mit den erforderlichen Aussenabständen eingefügt (margin: 0 130px). Damit ist gewährleistet, dass der Inhalt in der Mitte Abstand von 130 Pixel nach links und rechts nicht unterschreitet.
Die zusätzliche Angabe * html .centercell{ height: 1%;} ist für IEs kleiner gleich Version 6. Notwendig ist sie, da sonst die Aussenabstände zu den Rändern nicht auf der gesamten Höhe eingehalten werden würden.

Ciao
Quaese

 

[Dark Ranger]

Hi

Wollte nochmal Fragen wegen einem Buchtipp?