Gleichmäßige DIV Höhe

teqqy

teqqy

Aktives Mitglied
Thread Starter
Dabei seit
13.06.2006
Beiträge
1.010
Reaktionspunkte
27
Hallo,

kann mir jemand mal sagen wie ich diesen Fehler beheben kann? Angeblich soll es ja nach dieser Anleitung funktionieren, aber das tut es nicht!

Code:
Code: 
body {
	background-color:#58585a;
	margin-top:20px;
	height:100%;}
	
#page {
	text-align:left;
	width:800px;
	height:100%;
	color:#d4d600;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:thin solid #d4d600;
	border-left:solid thin #d4d600;
	border-right:solid thin #d4d600;
	background:url ('bg.png') repeat-y left;}
	
#header {
	height:150px;
	padding-left:10px;}
	
#navigation {
	width:145px;
	float:left;
	padding-left:10px;
	font-size:6px;}
	
#content {
	width:600px;
	padding-top:5px;
	height:100%;}
	
#footer {
	clear:left;
	border-bottom:solid thin #d4d600;
	color:#FFFFFF;
	text-align:center;
	font-size:9px;}

Code: 
<body>
	<center>
	<div id="page">
    	<div id="header">
        	<img src="dom.png" border="0" alt="Logo CIT" />
            <img src="name.png" border="0" alt="Schriftzug" />
        </div>
        <div id="navigation">
        	<a href="index.html" id="startseite-link">&nbsp;</a><br />
            <a href="aboutus.html" id="aboutus-link">&nbsp;</a><br />
            <a href="contact.html" id="kontakt-link">&nbsp;</a><br />
            <a href="impressum.html" id="impressum-link">&nbsp;</a>
        </div>
        <div id="content">
            Anbieter:<br /><br />
            
            Cologne Independent Traders GmbH<br />
            Im Mediapark 4a<br />
            50670 K&ouml;ln<br /><br />
            
            Kontakt:<br /><br />
            
            Telefon: 0221/92425-0<br />
            Telefax: 0221/92425-161<br />
            e-Mail: info@citraders.de<br />
            Website: www.citraders.de<br /><br />
            
            Registergericht: AG K&ouml;ln<br />
            HRB-Nummer: 67600<br />
            Umsatzsteueridentifikationsnummer: DE 815121284<br />
            Gesch&auml;ftsf&uuml;hrung: Jeroen van der Eerden<br />
       	</div>
        <div id="footer">
        	&copy; by CIT 2009
        </div>
    </div>
    </center>
</body>
 

Anhänge

  • Bildschirmfoto 2010-03-15 um 14.37.18.png
    Bildschirmfoto 2010-03-15 um 14.37.18.png
    65,5 KB · Aufrufe: 67
Welcher Fehler? Ich erkenne keine Faux Columns (bzw. Bedarf daran) in deinem Screenshot.
 
Naja, die gelbe Schrift sollte schon linkbündig untereinander sein und nicht der untere Teil unter die Navigation gelegt.

Das mit den Faux Collums ist so ne Sache. Ich meine ich hätte sie gemäß der Anleitung eingebaut, aber es funktioniert nicht.
 
Ich bin kein CSS-Experte, aber warum setzt du nicht einfach ein margin-left auf den #content?
 
Naja, du lässt den Navicontainer floaten. Das Verhalten ist normal.

Code: 
#navigation {
	width:145px;
	[B]float:left;[/B]
	padding-left:10px;
	font-size:6px;}
Wenn du beim Content-Container auch float: left; angibst und anschließend clearst, dann sollte es passen. ;)

Galanos schrieb:
Welcher Fehler? Ich erkenne keine Faux Columns (bzw. Bedarf daran) in deinem Screenshot.
Zum Vergrößern anklicken....
Nicht? Ich schon. Mal abgesehen davon, dass es bei grau auf grau eigentlich überflüssig ist.

Mr. D schrieb:
Ich bin kein CSS-Experte, aber warum setzt du nicht einfach ein margin-left auf den #content?
Zum Vergrößern anklicken....
Weil dann der obere Teil des Content-Inhalts nach rechts gerückt wird.
 
  • Gefällt mir
Reaktionen: teqqy
Vielen Dank. So hab ich jetzt das Problem lösen können:

Code: 
#navigation {
	width:145px;
	float:left;
	padding-left:10px;
	font-size:6px;}
	
#content {
	width:600px;
	padding-top:5px;
	height:100%;
	float:left;}
	
#footer {
	float:none;
	clear:left;
	border-bottom:solid thin #d4d600;
	color:#FFFFFF;
	text-align:center;
	font-size:9px;}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten