✔ div nicht innerhalb umschließendem div, finde Fehler nicht.

M

minddavid

Grünschnabel
Hallo,

Ich habe mich hier festgefahren. Manchmal soll ja ein Anstoß von außen helfen.

http://format-t.com/teamwork/holztruhe3.html

Eigentlich soll #rechts innerhalb von #inhalt liegen, liegt aber immer darunter. Immerhin liegt er aber vertikal richtig.

Ich hoffe, es ist nur ein doofer Fehler, den ich übersehe.

Danke schonmal im Vorraus,
David
 
Hi,

laut deinem CSS fehlt zumindest schon mal im HTML-Code ein DIV namens #middle, das offensichtlich den mittleren Spaltenblock bilden soll.

Bei dieser Einrückung kann man da aber auch ganz schnell die Übersicht verlieren :-)

HTML: 
<body>
	<div id="inhalt">
			<div id="left">
				Links
			</div>

				<div id="head">
					head
				</div>
					<div id="menu">
						links 1-3
					</div>
						<div id="content">
							content	
						</div>
							<div id="foot">

								foot
							</div>
								<div id="right">	
								</div>
	</div>
</body>


....gegenüber dieser Schreibweise:

HTML: 
<body>
      <div id="inhalt">
           <div id="left">
                Links
           </div>
           <div id="middle">
                <div id="head">
                     head
                </div>
                <div id="menu">
                     links 1-3
                </div>
                <div id="content">
                     content
                </div>
                <div id="foot">
                     foot
                </div>
           </div>
           <div id="right">
                Rechts
           </div>
      </div>
</body>


In beiden zuletzt genannten Links in meiner Signatur findest hierzu ein paar Beispiele :)

mfg Maik
 
Beim Einrücken hast du recht. #middle hatte ich einfach beim testen auch mal weggelassen, deshalb steht das auch noch im CSS. Ich hab die Datei mal aktualisiert hochgeladen, wobei das Problem nur erweitert wurde: #inhalt ist jetzt nur noch 1px hoch, der Rest ist gleich geblieben: http://format-t.com/teamwork/holztruhe3.html

Edit: Der body-Teil ist seltsamerweise sehr flach.
 
Zuletzt bearbeitet:
Du berücksichtigst überhaupt nicht das Box-Modell deiner drei Spaltenblöcke, darum fehlen am Ende rechnerisch vier Pixel, um #right rechts neben den Blöcken anzuordnen, und der Browser bricht ihn nach unten ab.

Kurzes Rechenbeispiel:
#inhalt = 760px (= 100%) + 2*1px = 762px

#left + #middle + #right = 2*25% + 50% + 6*1px = 100% + 6px = 766px
Zum Vergrößern anklicken....

Meine Empfehlung zu dem hinzugewonnenen Problem:

Der Link findet sich übrigens auch in meinem "Wichtig" markierten und oben festgehaltenen Thread CSS - FAQ.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück