Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 20.04.2009, 00:21
online online ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2008
Beiträge: 32
online befindet sich auf einem aufstrebenden Ast
Standard gibt es eine andere Lösung ohne Tabelle?

Hallo,
habe mein Layout so gestaltet, das im content bzw. da wo der Inhalt rein kommt eine Graffik auf der rechten Seite ist.
Ich möchte jedoch nur links von der Graffik meinen Text einfügen, die Div Box mit dem Inhalt soll aber scrollbar sein, wenn der Inhalt zu gross ist.
Habe das im Moment so gelöst, das ich in meine Div Box #inhalt eine Tabelle rein tue, die ich in 2 Spalten aufteile. In die linke kommt der Inhalt und die rechte bleibt frei.

Kann man dies anders Lösen als mit Tabellen?

Hier der Code:
CSS:
Code:
#seite {
	position:relative;
	text-align: center;
	width: 754px;
	margin: 0 auto 0 auto;

	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
	border: 1px ridge silver;
	}

#title{
	width: 754px;
	height:146px;
	text-align: center;
	background: #000 url(../bilder/title.gif);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom: 0px solid silver;
	}

#navi{
	width:760px;
	height:40px;
	}

#inhalt{
  	width: 738px;	/* 430*/
	height: 366px;
	text-align: left;
	color: white;
	overflow: auto;
	border-top: 0px solid silver;
	border-bottom: 1px solid silver;
	padding:0px 5px ;
	margin: 0px 5px ;
	background: transparent url(../bilder/hintergrund.jpg) no-repeat;
	}

#footer{
	width:750px;
	height:30px;
	margin: 0px; padding: 2px;
	text-align: center;
	color: #fff;
	background-color: #000;
	}
HTML-Code:
<body>
	<div id="seite">

		<div id="title"></div>
		<div id="navi"></div>
				
		<div id="inhalt">
		<table border="0" cellspacing="0" cellpadding="2" style="table-layout:auto">
		  <tr>
		    <td style="width:420px;">
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
			"TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT""TEXT"
		        </td>
		    <td style="width:110px;"></td>
		  </tr>
		</table>
		</div> <!-- ende inhalt -->	
		
		<div id="footer"></div>
	</div>

</body>
Mit Zitat antworten
Sponsored Links