Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 16.04.2010, 16:46
smartexport smartexport ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2010
Beiträge: 5
smartexport befindet sich auf einem aufstrebenden Ast
Standard 2 divs nebeneinander

hallo,

ich will mir nun endlich mal layouts mit css beibringen, um die tablelayouts los zu werden. daher spiele ich mich mal rum, und stosse gleich zu beginn auf unüberwindbare probleme

hab alles gegoogelt und gesucht, aber nirgends was brauchbares gefunden.

das problem ist, dass ich eine tabelle nachbilden will.
also einfach: 2 divs nebeneinander, beide 50% breit. dabei will ich keine border, padding etc. addieren und fixe breiten angeben, sondern nur 50% zu jedem div sagen.

dann hab ich mir gedacht, ok, ein 'hautdiv', welches 2 divs hält, die jeweils 50% breit sind und keinen border etc. haben, das geht ja. wenn ich nun in diese beiden divs die eigentlichen inhalte lege, so müsste ich diesen ja wieder 100% geben können und margin, border usw.

aber leider nein,wenn ich das mache, dann blasen diese inneren divs sich einfach auf und bleiben nicht innerhalb des 50% begrenzungsdivs.

bitte helft mir da weiter, ich bin schon am verzweifeln

code hier:

HTML-Code:
	<style>
	#page{
		background-color:#e0e0e0;
	
		padding:0px;
		border:solid 1px green;
		
	}
	
	.cont{	
		width:50%;
		float:left;
		padding:0px;
		margin:0px;
	}
	
	.cont_inner{
		padding:2px;
		background-color:#f4f4f4;	
		width:100%;
		border:solid 5px #333333;
	}
	</style>
</head>

<body>

<div id=page>
	DIV PAGE<br>		
	<div class=cont>
		<div class=cont_inner>
		DIV COL 1
		</div>
	</div>	
	 
	<div class=cont>
		<div class=cont_inner >
		DIV COL 2
		</div>
	</div>	 
</div>
Mit Zitat antworten
Sponsored Links