Karpaty: Durch float-Angabe springt div ein Level höher

Hi,

Ich habe folgende Situation:

  
<div id="container">					  
	<ul id="navi">  
		<li>EINS</li>  
		<li>ZWEI</li>  
		<li>DREI</li>  
	</ul>	  
			  
	<div id="content">  
	        <h1> Home </h1>  
		<p>sehr langer text</p>  
	</div>  
				  
</div>  

  
#container{  
	margin:0 auto;  
	min-width:760px;  
	max-width:760px;  
	width:760px;  
	border: 1px solid black;  
}  
  
#navi{  
	list-style:none;  
}  
  
#content{  
	width:420px;  
	margin-left:20px;  
	float:right;  
	border:1px solid blue;  
}  

Also eigentlich ein div-Container mit einer Navigation und einem Textbereich. Der Textbereich soll rechts gefloatet werden aber dadurch springt er aus dem umgebenden div-Container raus und nur noch die Navi ist drin.
Woran liegt das?

Grüße Karpaty

  1. Habe gerade gesehen, dass unter dem Thema "RECHT" abgeschickt wurde. Ist natürlich ein Fehler. Wie kann man das beheben?

    1. Hallo,

      Habe gerade gesehen, dass unter dem Thema "RECHT" abgeschickt wurde. Ist natürlich ein Fehler. Wie kann man das beheben?

      indem man beim nächsten Antwortposting einfach die Kategorie ändert.

      Ciao,
       Martin

      --
      I do take my work seriously and the way to do that is not to take yourself too seriously.
        (Alan Rickman, britischer Schauspieler)
      Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
      1. Hallo,

        Habe gerade gesehen, dass unter dem Thema "RECHT" abgeschickt wurde. Ist natürlich ein Fehler. Wie kann man das beheben?

        indem man beim nächsten Antwortposting einfach

        in der Vorschau

        die Kategorie ändert.

        Freundliche Grüße

        Vinzenz

        1. Hallo Vinzenz,

          indem man beim nächsten Antwortposting einfach
          in der Vorschau

          ja, selbstverständlich in der Vorschau - vorher wird die Themen-Auswahlmöglichkeit ja leider nicht angeboten, wenn man nicht z.B. mit einem User-JS nachhilft.

          Ciao,
           Martin

          --
          Lieber arm dran als Arm ab.
          Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
  2. Hi,

    Also eigentlich ein div-Container mit einer Navigation und einem Textbereich. Der Textbereich soll rechts gefloatet werden aber dadurch springt er aus dem umgebenden div-Container raus und nur noch die Navi ist drin.
    Woran liegt das?

    Bitte arbeite diesen Artikel mal durch, SELFHTML aktuell Weblog - Grundlagen für Spaltenlayout mit CSS.

    Der vermittelt dir einiges an Grundlagenwissen zu dem Thema, was dir derzeit offenbar noch fehlt.

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Bitte arbeite diesen Artikel mal durch, SELFHTML aktuell Weblog - Grundlagen für Spaltenlayout mit CSS.

      Danke. Das ist wirklich gut.