Wie mach ich die Box kleiner ?

Call_me · 20. Januar 2013

Hi Leute ich wollte mal Fragen wie ich die Box kleiner mache
in der höhe

Code

Code

/* root_site Setup*/
#root_site
{	
	margin-top:40px;
	width: 700px;
	height: 600px;
	background-color: #2f601e;
}

shoxinat0r · 20. Januar 2013

Code

width: 700px;
 height: 600px;

xGreekz7x · 20. Januar 2013

in CSS: suchste nach 'min-height' oder 'height' dann schraubste den Wert ruunter^^

Call_me · 20. Januar 2013

wenn ich hight runter schraube kommt das von unten nach oben ?

D.Fence · 20. Januar 2013

Code

/* root_site Setup*/#root_site
{	
margin-top:40px; <--- das hier höher setzen das ist der abstand nach oben
width: 700px;
height: 600px; <---- das hier niedriger setzen das ist die höhe der box
background-color: #2f601e; }

Call_me · 20. Januar 2013

danke aber wenn ich height auf auto setze ist die ganze box weg wieso ?

Nils001 · 20. Januar 2013

Ich habe für sowas eig. immer ne div box gecentert

/ e
Bei auto passt er es an , an die Schrift , wv er braucht

Call_me · 20. Januar 2013

Aso okay weiteres Problem die Container werde nicht angezeigt

Code

#root_site
{	
	margin-top:80px;
	width: 700px;
	height: 600px;
	background-color: #2f601e ;
}


	#navi_main_container
	{
		background-color: #CCCCCC ;
		width: 100%;
		height: 150px;
	}

	#footer_main_container
	{
		background-color: #999999 ;
		width: 100%;
		height: 150px;
	}

	#content_main_container
	{
		background-color: #666666 ;
		width: 100%;
		height: 150px;
	}

Alles anzeigen

xGreekz7x · 20. Januar 2013

Die verschwindet, weil da kein Inhalt drin ist.

Call_me · 20. Januar 2013

aso okay danke
letzte Fragen
Wie mach ich die Box abgerundet und lass es eine Kontur haben ?

xGreekz7x · 20. Januar 2013

border: 1px solid #000;

und border-radius: 3px;

$ecure.x3 · 20. Januar 2013

Code

border: 1px solid #000000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

/e

Call_me · 20. Januar 2013

und wider ein Problem wie kriege ich die news oben rechts hin ?
und wie kriege ich das hin das der Strich von oben durch die ganze Box geht ?

HTML

<!DOCTYPE html>
<html>


<head>
<title>Newtown Craft User Control Panel</title>
<meta charset="ISO-8895-1"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<meta name="keywords" content=""/>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>


<body>
<table align="center">
	<tr>
		<td>

			<div id="root_site">
			</div>
			<div id="navi_main_container">
				<div class="navi_container">

				</div>
				</div>
			<div id="content_main_container">
				<div class="content_left_main">
					<table class="content_left_table"> 
						<tr>
							<td>
									<tr>
										<td class="content_table_headline">Updates<td>
									</tr>
									</tr>
										<td>
									<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>


									<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>


									<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>


									<p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>


									<p>Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
									</td>			
							</td>
						</tr>
					</table>
				</div>
				</div>
				<div class="content_right_main">
					<table class="content_right_table" cellpadding="0" cellspacing="0">
						<tr>
							<td class="contet_table_headline">News</td>						
						</tr>
						<tr>							
							<td>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>


								<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>


								<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis
							</td>
						</tr>
					</table>
				</div>


		</td>
	</tr>
</table>
</body>
</html>

Alles anzeigen

$ecure.x3 · 20. Januar 2013

Wie währe es mit der stylesheet?

Call_me · 20. Januar 2013

Code

/* Css Teil von dem UCP */


body
{
	background: url(images/hintergrund.jpg) no-repeat;
	background-position: center;
	background-position: top;
	font-family: Verdana;
	font-size: 8pt;
}


a
{


}


a:hover
{


}


a img
{


}


/* root_site Setup*/
#root_site
{	
	margin-top:80px;
	width: 700px;
	height: auto;
	background-color: #2f601e ;
}


	#navi_main_container
	{
		background-color: #CCCCCC ;
		width: 100%;
		height: 40px;
		border-radius: 3px;
	}
		.navi_container
		{
			width: 100%;
			height: 40px;
		}


	#content_main_container
	{
		background-color: #2f601e ;
		width: 100%;
		height: auto;
		float:left;
		border-radius: 3px;
	}

		.content_right_main
		{
			background-color: #2f601e  ;
			width: 30%;
			height: 100%;
			float: right;
		}
			.content_right_table
			{
				padding: 0 40px 10px 15px ;
				border-left: dotted 1px #CCCCCC ;
				margin-top: 10px;
			}
				.contet_table_headline
				{
					font-size: 14pt;
					font-weight: bold;
					color: #558855;
					padding-top: 0px;
				}

		.content_left_main
		{
			background-color: #2f601e  ;
			width: 70%;
			height: 100%;
			float: left;
			border-radius: 3px;
		}
			.content_left_table
			{
				padding: 0 40px 10px 15px;
			}

				.content_table_headline
				{
					font-size: 14pt;
					font-weight: bold;
					color: #558855;
					padding-top: 0px;
				}

Alles anzeigen

$ecure.x3 · 20. Januar 2013

HTML

<!DOCTYPE html>
<html>


<head>
<title>Newtown Craft User Control Panel</title>
<meta charset="ISO-8895-1"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<meta name="keywords" content=""/>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
</head>


<body>
<table align="center">
	<tr>
		<td>

			<div id="root_site">
			</div>
			<div id="navi_main_container">
				<div class="navi_container">

				</div>
				</div>
			<div id="content_main_container">
				<div class="content_left_main">
					<table class="content_left_table"> 
						<tr>
							<td>
									<tr>
										<td class="content_table_headline">Updates<td>
									</tr>
									</tr>
										<td>
									<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>


									<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>


									<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>


									<p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>


									<p>Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
									</td>			
							</td>
						</tr>
					</table>
				</div>

				<div class="content_right_main">
					<table class="content_right_table" cellpadding="0" cellspacing="0">
						<tr>
							<td class="contet_table_headline">News</td>						
						</tr>
						<tr>							
							<td>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>


								<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>


								<p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis
							</td>
						</tr>
					</table>
				</div>

		</div>
		</td>
	</tr>
</table>
</body>
</html>

Alles anzeigen

Call_me · 20. Januar 2013

♥ Danke und wie mach ich den Hintergrund mit widght auto; gings net ;=

$ecure.x3 · 20. Januar 2013

Zitat von Call_me

♥ Danke und wie mach ich den Hintergrund mit widght auto; gings net ;=

Wie genau meinst du es?

Call_me · 20. Januar 2013

bei mir hat der Hintergrund so kleine weisse Ränder die ich leider nicht weg kriege.
nächste Frage wie mach ich noch eine Box die so aussieht wei eine elipse die unter der großen box ist als footer ?
Ich sollte mir ein Thema für alle meine Probleme erstellen

breadfish.de 11. März 2022