Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 20.09.2006, 11:19
SKVler SKVler ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2006
Beiträge: 16
SKVler befindet sich auf einem aufstrebenden Ast
Standard

So ich hab mir jetzt das beispiel von Andreas Kalt angesehen und auch nachgemacht, leider komme ich wieder auf das selbe Ergebniss, woran könnte das liegen???

Code:
<div id="main-body">Main-body
			
				<div id="content">Hier werden die Inhaltlich verschiedenen Themen hineinkommen. Hier soll
					der wichtige Teil stehen.
					<div class="box2">
						<p>Wichtige Themen</p>
					</div>
				</div><!-- end Content -->
				
				<div id="sidebar-left">
						<div class="ro"> 
  							<div class="lo">
  								<div class="ru"> 
  									<div class="lu"> 
   										<div class="inhalt"> 
									          <p>Lorem ipst augue duis dolore te feugait nulla facilisi.</p>
									          <p>&nbsp;</p>
									          <p>Li Europan lingues es membres del sam familie. Lor separat existentie
									            </p>
	 									   </div>
	   									</div>
    								</div>
								</div>
							</div>
							
				</div><!-- end Sidebar-left -->
				
			</div><!-- end Main-body -->
Code:
#main-body {
	float: left;
	width: 76%;
	}
	
#content {
	float: right;
	width: 68%;
	text-align: left;
	}
	
.box2 {
	width: 100%;
	}
	
#sidebar-left {
	float: left;
	width: 32%;
	padding: 0 5% 0 5%;
	text-align: left;
	}

.ro { 
	background:url(images/ro.gif) top right no-repeat; 
	margin:0; 
	padding:0; 
	} 
  
.lo { 
	background:url(images/lo.gif) top left no-repeat; 
	margin:0; 
	padding:0; 
	} 
  
.ru { 
	background:url(images/ru.gif) bottom right no-repeat; 
	margin:0; 
	padding:0; 
	} 
  
.lu { 
	background:url(images/lu.gif) bottom left no-repeat; 
	margin:0; 
	padding:0; 
	}

.inhalt {
	padding: 5px;
	}

#sidebar-right {
	float: right;
	width: 24%;
	padding: 15 px 5% 0 5%;
	text-align: left;
	}

#footer {
	clear: both;
	background: #cc9;
	}
	
</style>
</head>
Noch kurz zum Layout, das sind bis jetzt nur ein paar Spielereien, Farben usw. werden erst bei stehendem Grundgerüst adaptiert.
Angehängte Grafiken
Dateityp: jpg hp.jpg (37,6 KB, 9x aufgerufen)
Mit Zitat antworten