Abstand zwischen zwei div Tags?

X

XFlorian

New member
Hallo,

ganz simple Frage: Wie bekomm ich einen kurzen Abstand zwischen zwei div Tags, also ein bisschen Platz zwischen diesen beiden. Der <\t> Tag unter PHP ist schon fehlgeschlagen...
 
Moin!

Entweder Du packst was zwischen die divs oder Du verkramst einem von ihnen ein margin-top oder -bottom...

Ahoi - Pit
 
Hmm ich will ja meinen Abstand rechts von ersten Objekt haben; nun bin ich mit margin-right nicht sehr weit gekommen. Er macht mir einfach nicht den weißen Abstand rein..
 
Hmm hast ja Recht.

Also mein erster div Tag(Content1) schaut so aus:

Code: 
div.content {
	border: 1px solid #000;
	width: 1 px;
	
}

Content 2 so:
Code: 
div.content2{
max-width:100%;
border: 1px solid #000;
width: 1 px;
}

Das ganze ist noch ein bisschen blau formatiert(für beide) und die Schrifart ist noch angepasst.

Es passiert leider nix, wenn ich bei Content 1 margin-right einstelle.
 
Du hast den Link von pit-r nicht wirklich nachvollzogen... :(
Wie dem auch sei:
Du willst die beiden content nebeneinander haben?
Wieso gibst Du dann dem 2. ein max-width:100%?
Es wäre wirklich toll, wenn Du hier ( http://forum.jswelt.de/css-x-html/26808-bitte-lesen-vereinfachung-hilfestellungen.html ) nochmal gucken würdest, damit wir ein nachvollziehbares Beispiel haben...
Was ist width:1px???

Edit:
Ich hab' das jetzt mal für Dich gemacht:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	  "http://www.w3.org/TR/html4/loose.dtd">
<html> 
	<head> 
		<title>Dokumenttitel</title> 
		<style type="text/css">
			div.content {
			border: 1px solid #000;
			width: 1 px;
			}
			div.content2 {
			max-width:100%;
			border: 1px solid #000;
			width: 1 px;
                        }
		</style> 
	</head> 
	<body>  
		<div class="content">x</div> 
		<div class="content2">x</div>
	</body> 
</html>
Und was dann zu sehen ist, ist schwer zu deuten.
Was willst Du genau erreichen?
Ich fische jetzt mal im Trüben:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	  "http://www.w3.org/TR/html4/loose.dtd">
<html> 
	<head> 
		<title>Dokumenttitel</title> 
		<style type="text/css">
			div.content {
			border: 1px solid #000;
			width: 200px;
			float:left;
			}
			div.content2 {
			width:200px;
			float:left;
			border: 1px solid #000;
			margin-left:10px;
                        }
		</style> 
	</head> 
	<body>  
		<div class="content">x</div> 
		<div class="content2">x</div>
	</body> 
</html>
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben