Kevin: Mehrspaltiges Layout will nicht klappen. Fehler wo?

Moin,
möchte gerne die div id="login" links haben und die div id="content" in der mitte des Browsers, also neben login. Ich habe jetzt selfhtml CSS mehrspaltige layouts beitrag geguckt aber auch wenn ich es dort angucke finde ich den fehler bei mir nicht.
Wenn jemand mir den Fehler beschreiben könnte und keine Lösung hinschreiben würde, wäre nett...

Folgendes CSS:

  
#body1 {  
background: url(images/bg1.png) repeat-x;  
height: 100%;  
width: 100%;  
margin-left: 0px;  
margin-right: 0px;  
position: absolute;  
}  
  
#login {  
background: #FFFFFF;  
float: left;  
margin: 0;  
padding: 0;  
width: 200px;  
}  
  
#content {  
position: relative;  
background: #FFFFFF;  
width: 650px;  
margin: 0px auto;  
border: 0.1px solid;  
border-top: 0px;  
padding: 5px 0 0 5px;  
}
  
<div id="body1">  
    <div id="login">  
    </div>  
    <div id="content">  
    </div>  
</div>  

DANKE!

  1. Moin,

    Moin,

    möchte gerne die div id="login" links haben und die div id="content" in der mitte des Browsers, also neben login.

    ist bei mir so. :)

    Ich habe jetzt selfhtml CSS mehrspaltige layouts beitrag geguckt aber auch wenn ich es dort angucke finde ich den fehler bei mir nicht.

    welchen fehler?

    Wenn jemand mir den Fehler beschreiben könnte

    dazu braucht man ein problem. :D

    und keine Lösung hinschreiben würde, wäre nett...

    Folgendes CSS:

    #body1 {

      
    Du kannst den Body direkt formatieren. (Das div ist unnötig.)  
      
    
    > ~~~css
      
    
    > background: url(images/bg1.png) repeat-x;  
    > height: 100%;  
    > width: 100%;  
    > margin-left: 0px;  
    > margin-right: 0px;  
    > position: absolute;  
    > }  
    >   
    > #login {  
    > background: #FFFFFF;  
    > float: left;  
    > margin: 0;  
    > padding: 0;  
    > width: 200px;  
    > }  
    >   
    > #content {  
    > position: relative;  
    > background: #FFFFFF;  
    > width: 650px;  
    > margin: 0px auto;  
    > border: 0.1px solid;  
    > border-top: 0px;  
    > padding: 5px 0 0 5px;  
    > }
    
    

    <div id="body1">

      
    Siehe oben.  
      
    
    > ~~~html
      
    
    >     <div id="login">  
    >     </div>  
    >     <div id="content">  
    >     </div>  
    > </div>  
    > 
    
    

    Wenn du als Problem siehst, dass die divs noch einen Abstand nach oben haben, musst du das Browser-interne Stylesheet überschreiben, dass für <html> und <body> ein margin vorsieht.

    DANKE!

    Gruß,
    Take

    1. #body1 = div
      body kann ich so hinschreiben aber nicht body1 da body1 eine id ist...

      ein problem ist ja auch da, es geht nicht...

      und deine lösung klappt nicht, was auch immer du meinst, sry

      1. #body1 = div
        body kann ich so hinschreiben aber nicht body1 da body1 eine id ist...

        das ist schon klar :), aber das

          
        <div id="body1">  
        
        

        ist unnütz, weil du die eigenschaften direkt dem Element body zuweisen kannst.

        ein problem ist ja auch da, es geht nicht...

        funzt nicht funzt nicht! :)

        Dazu kommt: bei mir gehts!

        Test

        und deine lösung klappt nicht, was auch immer du meinst, sry

        komisch. bei mir peilt das sogar IE6!

        Gruß,
        Take

        1. ein problem ist ja auch da, es geht nicht...

          (...)

          und deine lösung klappt nicht, was auch immer du meinst, sry
          komisch. bei mir peilt das sogar IE6!

          Das allerdings ist ein starkes Indiz, dass etwas falsch ist. Wenn's im IE6 läuft ist es höchstwahrscheinlich kaputt.

          --
          sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
          1. Moin,

            ein problem ist ja auch da, es geht nicht...
            (...)
            und deine lösung klappt nicht, was auch immer du meinst, sry
            komisch. bei mir peilt das sogar IE6!
            Das allerdings ist ein starkes Indiz, dass etwas falsch ist. Wenn's im IE6 läuft ist es höchstwahrscheinlich kaputt.

            "bei mir gehts" heißt soviel wie:
              - valide
              - Firefox OK
              - Opera OK
              - Chrome OK
              :)

            wobei du natürlich recht hast, das IE Müll ist.

            Gruß,
            Take

            1. "bei mir gehts" heißt soviel wie:
                - valide
                - Firefox, Opera, Chrome OK
                :)
              wobei du natürlich recht hast, das IE Müll ist.

              Erm ja, ich habe versucht witzig zu sein, hat wohl nicht funktioniert :(

              --
              sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
              1. Om nah hoo pez nyeetz, Deus Figendi!

                Erm ja, ich habe versucht witzig zu sein, hat wohl nicht funktioniert :(

                Doch.

                Matthias

                --
                http://www.billiger-im-urlaub.de/kreis_sw.gif
              2. "bei mir gehts" heißt soviel wie:
                  - valide
                  - Firefox, Opera, Chrome OK
                  :)
                wobei du natürlich recht hast, das IE Müll ist.
                Erm ja, ich habe versucht witzig zu sein, hat wohl nicht funktioniert :(

                Sorry, irgendwie kommt mein Posting komisch rüber :D
                -> Doch, witzig wars :)

                Gruß,
                Take

                P.S. Wie früh bist du eigentlich schon im Forum? :D

                1. P.S. Wie früh bist du eigentlich schon im Forum? :D

                  Mein Wecker klingelt um 4:22 ich muss gegen 6:10 zur Arbeit. Die Zeit dazwischen verwende ich für "Sachen die man Morgens so mache" (Körperpflege, Nahrungszubereitung...) und Freizeit. Weil das eine Zeit ist, in der mich niemand stört und ich viel Privatsphäre habe.

                  --
                  sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(