div-container verschachtelt - Problem

K

keanni

abgemeldet
5 August 2009
107
12
Hi, ich hab versucht, den Titel so aussagekräftig zu machen, wie es nur geht, leider habe ich keinen Plan, wie ich das besser beschreiben soll.
Also das Problem ist folgendes: Ich bastle an einem Design, dass aus zwei Containern (bis jetzt) besteht: einen Menücontainer und einen für den Inhalt. Um diese Beiden wollte ich nun einen weiteren div legen, der ALLES umrahmt und einen hintergrundfarbe anlegt.

so sieht der css code aus:
Code: 
body{
	text-align: center;
	background-color:#FFF
}

.menucontainer {
	margin-top: 10px;
	text-align:right;
	width: 760px;
}
.content{
	float: right;
	margin-top: 10px;
	margin-left: 5px;
	width: 550px;
}

und so wird das in der index-datei aufgerufen:
Code: 
<div style= "border: 2px dashed black;text-align: left;width: 770px;margin: 0px auto; background-color: #CCC;" >
	<div class="menucontainer">
		<a href="https://www.google.de">Start</a>
		<a href="https://www.google.de">Über mich</a>
		<a href="https://www.google.de">Praxis</a>
		<a href="https://www.google.de">Studium</a>
		<a href="https://www.google.de">Kontakt</a>
	</div>
	<div class="content">
                Lorem ipsum ...
        </div>
</div>

Nun ist es jedoch so, dass der Rahmen nur um den Menücontainer geht (getestet in Firefox 3.6, Opera, Chrome, Safari). Interessanter weise funktioniert es, wenn ich den all-umschließenden div-container mit "float: left" formatiere, nur dass dann alles links ist, und nicht mehr in der mitte. Wollte schon sowas wie float:top nehmen, aber das gibs ja leider nich :D

Kann mir jemand helfen ? (Jaja, ich weiß, da is css-code in der html datei und nich in der css, das wird gefixt, wenn es funzt ;))
 
Kenn mich jetzt nicht gerade so gut aus:

Liege ich in der Annahme richtig, dass width für die Breite zuständig ist?

Wenn ja, dann ist menu + content = 1310px, der Container drum herum aber nur 760px. Evtl könnte es ja daran liegen.
 
@ Renegade
schon mal danke für die antwort.

ich habs versucht, hab damit allerdings noch nie gearbeitet.
habs einmal in den "äußeren" container geschrieben, und einmal je in die inneren, hat jedoch beides keine änderung gebracht.

@DonMisery
das Menü liegt sozusagen oben auf dem Content, also das menü geht über die gesamte Breite der Seite, und der Content ist rechts und nicht ganz so breit (links davon kommt dann iwann noch ein Foto und ein Titel hin)
 
Dann hatte ich es falsch verstanden, sorry.

Also wenn du in dem container nen hight:100% rein packst, dann geht es drum herum, nur ist die Frage, ob du es so willst
 
Das geht zum Beispiel so:

Code: 
<div style= "border: 2px dashed black;text-align: left;width: 770px;margin: 0px auto; background-color: #CCC;" >
	<div class="menucontainer">
		<a href="https://www.google.de">Start</a>
		<a href="https://www.google.de">Über mich</a>
		<a href="https://www.google.de">Praxis</a>
		<a href="https://www.google.de">Studium</a>
		<a href="https://www.google.de">Kontakt</a>
	</div>
	<div class="content">
                Lorem ipsum ...
        </div>
     <br style="clear:both;" />
</div>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben