div nicht innerhalb umschließendem div, finde Fehler nicht. @ tutorials.de: Tutorials, Forum & Hilfe

minddavid · 14.03.10 16:01

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

Maik · 14.03.10 16:12

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-Code:

<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-Code:

<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

minddavid · 14.03.10 17:22

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.

Maik · 14.03.10 17:32

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

Meine Empfehlung zu dem hinzugewonnenen Problem:

Webmaster FAQ -> [CSS] Warum passt sich die Boxenhöhe nicht dem Inhalt an?

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

mfg Maik

minddavid · 14.03.10 17:49

Jetzt funktioniert es. Danke!

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

TextArray Scrollbar gehen nicht und finde den Fehler nicht

Get/Set Werte Übergeben geht nicht und finde den fehler nicht.

Finde den Fehler nicht

Finde denn Fehler im Code nicht kann mich nicht einlogen.

script für Datenbankeintrag/abfrage klappt nicht - finde den Fehler nicht

E-Mail:

Abonnieren Abbestellen