|
||||
Frage weil Div andere Div Überlagert
Hallo =)
Ich habe seit sehr langer Zeit, immer wieder das Problem gehabt das sich eine Div über eine andere Div überlagert. Anstatt das die haupt div (die überlagert wird) mitwächst... Der Fehler Tritt aber nur auf wenn ich den besagten 4 Grünen Divs die eigenschaft "Float Left" gebe... aber die müssen float left sein =/ http://animesector.an.funpic.de/info...ina/logina.php Ich habe die 4 Kästchen die nicht über den Rand gehen sollen Grün markiert damit ihr sie gut sehen könnt... Hier der Code: Code:
<?php include ($_SERVER['DOCUMENT_ROOT'].'/header.php'); ?> <!---MAIN TEXTFELD---> <div class="index_ramen"> <div class="balken_oben"><img src="/system/titles/title_forumcodex.png" alt="Forenregeln" width="500" height="35" /></div> <div class="main_inhalt"> Logia = Naturfrüchte<br /> <br /> Sie bewirken die Kräfte der Natur und der Elemente<br /> WIND - FEUER - ERDE - EIS - Flüssigkeit<br /> nur Wasser soll es nicht geben als Teufelsfrucht!<br /> <br /> <div style="width:100px; float:left; background-color:#0F0; margin:5px 0px 0px 5px;">dd</div> <div style="width:100px; float:left; background-color:#0F0; margin:5px 0px 0px 5px;">dd</div> <div style="width:100px; float:left; background-color:#0F0; margin:5px 0px 0px 5px;">dd</div> <div style="width:100px; float:left; background-color:#0F0; margin:5px 5px 0px 5px;">dd</div> </div> <div class="balken_unten"></div> </div> <!---MAIN TEXTFELD---> <?php include ($_SERVER['DOCUMENT_ROOT'].'/footer.php'); ?> Mit Firebug habt ihr sicher besseren überblick. Danke euch für eure Zeit und mühe =) Gruß Geändert von Cybertronic (18.05.2010 um 01:34 Uhr) |
Sponsored Links |
|
||||
Danke für den Tipp, aber im "main_inhalt" hat es nichts bewirkt...
Habe mal ausprobiert was passiert wenn man "clear: both;" in "balken_unten" reinmacht... Hier sieht mans: One-Piece.AnimeSector.de Nun Wächst aber das hintergrundbild nicht mit =/ |
|
|||
Dann hast du sicher etwas falsch gemacht.
Bitte arbeite die Artikel unter FAQ Punkt 2 durch. Stichwort für weitere Info: "Containing Floats", auch in Little Boxes zu finden.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Welches Tutorial? Unter Punkt 2 der FAQ gibt es etliche davon.
Little Boxes ist ein Buch, kein "Tutorial". Nimm dir bitte mehr Zeit, diese Grundlagen zu erlernen. Nicht umsonst widmet Peter Müller ein ganzes Kapitel dem Thema "Containing Floats". Und lies aufmerksamer, was dir hier geantwortet wird. Es steht bestimmt nirgends, dass du den gefloateten Boxen selbst clear geben sollst.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Hier steht es doch... Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : FLOAT }
Also das man dem gefloateten Element ein clear geben soll... So wie ichs verstanden hab damit es alle Browser, nicht nur IE erkennen können. |
|
|||
Wenn man erreichen will, dass ein Float unter einem vorhergehenden steht, dann gibt man ihm Clear. Und? Willst du das?
Was du da verlinkst ist übrigens der allererste Link unter Punkt 2 der FAQ. Es gibt dort mehr davon. Du solltest dir Little Boxes vornehmen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Ok mach ich, sorry ^^
Sag ja ich tu mich extrem schwer im lesen und verstehen neuer dinge ^^ Ich hab bis jetzt alles gelernt durch tage langes rumprobieren. Frag nicht wieso das so ist =/ ----------------------------------------------------------------------------- Hey =) sehr guter tipp gewesen das Buch Little Box, das kannte ich gar nicht, das ist extrem gut beschrieben dort =) overflow: hidden hat einfach in der umgebenden div gefehlt =) Danke nochmal =) Geändert von Cybertronic (18.05.2010 um 12:09 Uhr) |
Sponsored Links |
|
||||
Eine Frage dazu nur noch...
Es werden ja vier Methoden genannt, mir scheint Easy Clearing am sinnvollsten zu sein, zu was Ratet ihr mir? wollte erst Overflow hidden nehmen, aber hab dann beim weiter lesen festegestellt das das nicht sehr ratsam ist da überstehender Text einfach abgeschnitten wird =/ |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Frage bzgl. Div einblenden bei div:hover | fabtk | CSS | 2 | 25.01.2009 16:37 |
CSS Menü | seema | CSS | 0 | 03.09.2008 21:04 |
Firefox div Hintergrundbild nicht richtig, aber MS IE schon. | Surge | CSS | 3 | 09.02.2005 18:32 |
Kinder div genauso gross wie eltern Div - Frage #23456 | koDiacc | CSS | 8 | 18.10.2004 12:04 |