zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme mit 3 spalten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.06.2005, 14:08
luk luk ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2005
Beiträge: 3
luk befindet sich auf einem aufstrebenden Ast
Standard Probleme mit 3 spalten

hi, ich habe eine ein problem! ich habe ein design mit 3 spalten gemacht.

erstaml links die navigation mitte der inhalt und rechts eine info spalte. ich habe die spalten(natürlich) mit den divs gemacht.

also
Code:
<div id="links"></div>
<div id="mitte"></div>
<div id="rechts"></div>
um die 3 spalten habe ich noch mal ein rahmen gemacht also
Code:
<div id="rahmen">
<div id="links"></div>
<div id="mitte"></div>
<div id="rechts"></div>
</div>
das problem ist jetz , dass wenn sich die reche spalte und linke spalte länger mache der inhalt nicht automatisch angepasst wird. weiß wirklich nicht was ich falsch gemacht habe

die spalten sind so formatiert:

Code:
#links   {
	padding:0px;
	margin:0px;
	background-color:#f5f5f5;
        float:left;
	}
#mitte {
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	width:480px;
	float:left;
	}
#rechts {
	padding:0px;
	margin:0px;
	width:150px;
	background-color:f5f5f5;
	border:0px;
	float:right;	
	}

#rahmen {
         	padding:0px;
		margin:0px;
		background-color:#f5f5f5;
		width:760px;
		float:left;
	      }
könnt ihr mir bitte helfen?

gruß luk
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.06.2005, 14:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

meinst Du, dass die Höhe eines DIVs sich nicht danach richtet wenn ein anderer "wächst"?
Das ist normal und nicht möglich zu umgehen. Such mal nach "Faux columns" als Stichwort oder schau hier wie man das -zumindest in der Darstellung- lösen kann:
http://www.byteshift.de/alistapart/fauxcolumns/

ansonsten solltest Du nach dem floaten auch clearen. Wozu hat der Rahmen ein float:left? Soll der linksbündig sein? Dann benutz doch margin, bzw. text-align im body für den IE.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.06.2005, 15:38
luk luk ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2005
Beiträge: 3
luk befindet sich auf einem aufstrebenden Ast
Standard

danke dir !!!!!! habe es endlich geschaft!! noch mal 1000 dank!
Mit Zitat antworten
  #4 (permalink)  
Alt 08.06.2005, 15:39
Neuer Benutzer
neuer user
 
Registriert seit: 12.04.2005
Beiträge: 18
Jackels befindet sich auf einem aufstrebenden Ast
Standard

Wenn sich nur die Mitte und die rechte Seite an die linke anpassen sollen, hab ich ne Lösung für dich.
html:
Code:
<div class="alles">
	 <div class="rechts">
	 rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts
	 </div> 
	<div class="clearfix">
	     <div class="links">
	    		Links Links Links Links	Links Links Links Links	Links Links Links Links	Links Links Links Links	Links Links Links Links	Links Links 					Links Links	Links Links Links Links
	     </div>
	     Mitte Mitte
	</div>
</div>
css:
Code:
body{padding:0; margin:0; border:0;}

.clearfix {float:none; margin-right:150px; background-color:#f00; display: block;  }
* html .clearfix {height: 1%; margin-right:-3px;}

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

.links {float:left; background-color:#ff0;  width:130px; margin:0;}

.alles:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.alles {display: block; background-color:#00f; width:760px;}
* html .alles {height: 1%;}

.rechts {float:right; width:150px; background-color:#00f; margin:0; text-align:left;} 
*html .rechts {margin:0 0 0 -3px;}
Vielleicht hilfts dir weiter.
__________________
Ich habe keine Ahnung, aber davon \'ne Menge
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3 Spalten Layout | Probleme bei Hintergrundbild MoDub CSS 4 21.06.2010 14:19
3 Spalten, linke Spalte unten ausrichten - Probleme im IE6 Mahoney CSS 5 31.03.2010 12:02
validiertes CSS 2 spalten layout mit header und footer macht probleme ASB CSS 4 31.07.2007 08:37
Probleme mit min-height, automatische Anpassung der height anderer Spalten mkuegle CSS 5 01.06.2006 18:42
div 100% & mehrere Spalten und Probleme mit Seitlichem R xm22 CSS 1 12.02.2006 14:08


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:02 Uhr.