• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Abstand zwischen zwei div Tags?

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:
Zurück
Oben