Anzeige

Im Center Floaten?

Im Center Floaten? | PSD-Tutorials.de

Erstellt von xero7, 23.08.2007.

  1. xero7

    xero7 » Unterdrück(t)er

    Dabei seit:
    30.08.2006
    Beiträge:
    1.873
    Geschlecht:
    männlich
    Ort:
    » Bremen
    Im Center Floaten?
    Hallo,
    habe ein ganz kleines Problem.
    Ich habe eine Seite die ich mit:

    Code (Text):
    1.  
    2. margin: 0 auto;
    3.  
    In den Center gebracht habe.
    Und der ganze Inhalt ist dann halt in dem Center drin. Doch jetzt wenn ich float left nehme, damit z.b. 3 boxen nebeneinander sind, dann tanzen die aus der Reihe. das geht nur in ordnung wenn ich dann center auch auf float left packe, doch dann ist es ja ncuht meh rim Center.

    Dann hatte ich diesen Code genommen:

    Code (Text):
    1.  
    2. width: 848px;
    3. left: 50%;
    4. margin-left: -424px;
    5. position: absolute;
    6.  
    Da geht dann alles, bis auf, dass ich den Footer der nicht im #center sein soll, sondern dadrunter der dann wie #center dieeigentschaft margin 0 auto bekommt.

    Der geht aber dann nicht dadrunter?
     
    #1      
  2. terrenal

    terrenal Noch nicht viel geschrieben

    Dabei seit:
    04.06.2007
    Beiträge:
    19
    Geschlecht:
    weiblich
    Im Center Floaten?
    AW: Im Center Floaten?

    aus deinen mini-code-schnipseln geht nicht wirklich hervor wo der Fehler liegt

    denn in einem zentrierten Element kann man schon auch floaten

    die zweite version: ein absolut positioniertes Element nimmt keinen Platz ein sondern liegt über oder unter anderen Elementen - in deinem Fall vermutlich auf dem footer ;)

    vergleich einfach mal
    Code (Text):
    1. <style type="text/css">
    2. body {text-align:center}
    3. #centerbox {background:#ccc; margin:0 auto; width:600px; height:500px;}
    4. .box1 {background:#FEF1A7; float:left; width:180px; height:500px;}
    5. .box2 {background:#F79A3E; float:right; width:180px; height:500px;}
    6. .box3 {background:#E45F05;  height:500px;}
    7. #foo {background:#606786; clear:both; height:20px;}
    8. </style>
    9.  
    10.  
    11. <div id="centerbox">
    12. <div class="box1">&nbsp;</div>
    13. <div class="box2">&nbsp;</div>
    14. <div class="box3">dsgsgg fgdfgfd dfdfyfg hfjgchcg </div>
    15. </div>
    16. <div id="foo"></div>
     
    #2      
  3. xero7

    xero7 » Unterdrück(t)er

    Dabei seit:
    30.08.2006
    Beiträge:
    1.873
    Geschlecht:
    männlich
    Ort:
    » Bremen
    Im Center Floaten?
    AW: Im Center Floaten?

    Genau so habe ich das auch. Nur halt, dass ich bei den 3 Ineneren Boxen dann halt 3 mal float left genommen habe.

    dann den footer halt mit clear: left aber nun ist der Footer über dem center also beim header.


    EDIT: Und den im center mit margin: 0 auto und dnan dadrin floaten wird nicht gehen?

    Habe es mal hochgeladen: Hier ist der code mit margin: 0 auto;
    Alles sieht gut aus, bis auf, dass im Content die texte text nicht neben der Navigation sind.

    Referenzenseite
     
    Zuletzt bearbeitet: 24.08.2007
    #3      
  4. xero7

    xero7 » Unterdrück(t)er

    Dabei seit:
    30.08.2006
    Beiträge:
    1.873
    Geschlecht:
    männlich
    Ort:
    » Bremen
    Im Center Floaten?
    AW: Im Center Floaten?

    Sorry wegen dem Doppelpost.

    Aber habe halt ein großes problem, dass es nicht geht.

    Kann mir keienr helfen?
     
    Zuletzt bearbeitet: 24.08.2007
    #4      
  5. terrenal

    terrenal Noch nicht viel geschrieben

    Dabei seit:
    04.06.2007
    Beiträge:
    19
    Geschlecht:
    weiblich
    Im Center Floaten?
    AW: Im Center Floaten?

    ?
    da --> Referenzenseite ist ganz und garnix gefloated

    also ist es auch nicht so wie bei mir
    wobei die dritte box auch kein float haben muß - gibt ja nix mehr was daneben sein sollte
     
    #5      
  6. atbash

    atbash Mod | Web

    211
    Dabei seit:
    29.01.2007
    Beiträge:
    2.374
    Geschlecht:
    weiblich
    Ort:
    Pfalz
    Software:
    PS, ID, IL, DW, Phase5
    Im Center Floaten?
    AW: Im Center Floaten?

    Um die Boxen zu floaten, solltest du vielleicht die floats auch in die CSS einbauen. So sollte es funktionieren:

    #links {
    float: left;
    width: X px;
    clear: both;



    #rechts {
    float: right;
    width: X px;
    }

    #mitte {
    width:480px;
    margin-bottom:20px;
    }
     
    #6      
  7. xero7

    xero7 » Unterdrück(t)er

    Dabei seit:
    30.08.2006
    Beiträge:
    1.873
    Geschlecht:
    männlich
    Ort:
    » Bremen
    Im Center Floaten?
    AW: Im Center Floaten?

    Ja, weiß was floaten ist und wie es geht!
    Habe es ja auch schon mit Float gemacht,
    doch das geht nicht, da sonst die boxen nicht mehr im Center sind.
     
    #7      
  8. atbash

    atbash Mod | Web

    211
    Dabei seit:
    29.01.2007
    Beiträge:
    2.374
    Geschlecht:
    weiblich
    Ort:
    Pfalz
    Software:
    PS, ID, IL, DW, Phase5
    Im Center Floaten?
    AW: Im Center Floaten?

    Wie, jetzt sollen alle Boxen in der Mitte sein??? Es macht keinen Sinn auf deine Seite zu verweisen wenn keine floats drin sind. Mach am besten mal ne Zeichnung wie das aussehen soll wenn es fertig ist.
     
    #8      
  9. terrenal

    terrenal Noch nicht viel geschrieben

    Dabei seit:
    04.06.2007
    Beiträge:
    19
    Geschlecht:
    weiblich
    Im Center Floaten?
    AW: Im Center Floaten?

    zusätzlich zu den floats müssen im HTML auch die Boxen in der richtigen Reihenfolge stehen

    erst left und right - und dann main
     
    #9      
  10. knispel

    knispel Mediendesigner

    Dabei seit:
    11.04.2007
    Beiträge:
    908
    Geschlecht:
    männlich
    Software:
    CS3
    Kameratyp:
    Nikon und Canon
    Im Center Floaten?
    AW: Im Center Floaten?

    Hi,

    dein Code:
    HTML:
    1. <div id="content">
    2.  
    3. <div id="left">
    4. <ul>
    5. <li><a href="#">Startseite</a></li>
    6. <li><a href="#">Neues</a></li>
    7. <li><a href="#">Angebot</a></li>
    8. <li><a href="#">Reitanlage</a></li>
    9. <li><a href="#">Links</a></li>
    10. <li><a href="#">Kontakt</a></li>
    11. <li><a href="#">Impressum</a></li>
    12. </ul>
    13. </div>
    14.  
    15. <div id="main">Test</div>
    16.  
    17.  
    18. <div id="right">test</div>
    19. </div>
    20. </div>
    21.  
    22. <div id="footer"></div>
    und Du schreibst:
    Zuerst möchte ich letzteres bezweifeln.
    Dann schau Dir doch mal die DIVs genauer an, kann ja nicht funktionieren.
    Wie atbash schrieb, funktioniert es aber auch nicht, da die Mitte in dieser Konstellation auch gefloatet werden muss.
    Und verlinke doch bitte die veränderten Varianten mal extra ...
     
    #10      
  11. atbash

    atbash Mod | Web

    211
    Dabei seit:
    29.01.2007
    Beiträge:
    2.374
    Geschlecht:
    weiblich
    Ort:
    Pfalz
    Software:
    PS, ID, IL, DW, Phase5
    Im Center Floaten?
    AW: Im Center Floaten?

    Komisch, bei mir funktioniert das immer.
     
    #11      
x
×
×