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

2 divs nebeneinander, umbruch verhindern

S

sgr

New member
hi,

ich habe 2 divs nebeneinander. soweit so gut. allerdings habe ich jetzt folgendes problem.

wenn ich das browserfenster in der breite kleiner mache und der rechte rand des browserfensters auf das ende der schrift stößt, gibt es einen umbruch. so dass dann das rechte div unter dem anderen ist. wie kann ich das verhindern.

gibt es eine ander möglichkeit als noch ein 3tes äußeres div mit einer festen breit zu machen? denn ich finde diese möglichkeit relativ unpraktisch.
 
mh, aber das ist ja das gleiche als würd ich dem div ausn rum ne feste breite geben oder? ist doch nur ne verlegung der lösung.

aber ich möchte keine feste breite haben. sondern das rechte div soll den rest des browserfensters einnehmen. geht das nicht?
 
Hallooo,

könntest du mal bitte einen Code reinstellen?

hast du die Divs mit flexiblen Größen belegt?

Freundliche Grüße
Liz
 
ok hab ich ganz vergessen^^ hier mein code

Code: 
<body>
<div class="left">
	<div id="main_menue">
		<ul>
			<li><a href="#">Startseite</a></li>
			............
		</ul>
	</div>	
	<div id="login_menue">
		<div><span class="header">Anmeldung </span>
			<span class="label">Spielername:</span>
			<form method="Post">
				<input class="inputbox" type="text" name="playername"><br>
				<input class="submit_button" type="submit" name="join" value="Eintreten">
			</form>
		</div>
    </div>
</div>

<div class="center">
	<h1>Dies ist ein TEST</h1>	
</div>
</body>

und hier das betreffende css file
Code: 
.left {
	float:left;
	width:200px;
}
.center {
	float:left;
}
 
noch ne frage dazu.

jetzt wollt ich im .center div eine überschrift zentrieren. aber da geht er ja von der breite des divs aus. wie krieg ich es jetzt hin dass es so aussieht als würde er von der ganzen breite aus zentrien.

habs schon mit
Code: 
h1{text-align:center;
margin-left:-100px;}
versucht, das geht aber nicht.
 
Code: 
h1 {
    width:100%;
    text-align:center;
    margin:0px auto;
}
Eine eigene Klasse wäre nicht schlecht. *
Code: 
.blah {
    width:100%;
    text-align:center;
    margin:0px auto;
}
Oder habe ich das jetzt komplett falsch verstanden?

* = h1 einzubinden ist eine Sache, die man sich genau überlegen muss, da h1 für Sumas extrem wichtig sind und man sie deswegen nicht willkürlich einsetzen sollte.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben