zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Frage weil Div andere Div Überlagert

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.05.2010, 01:29
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard 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&uuml;chte<br />
<br />
Sie bewirken die Kr&auml;fte der Natur und der Elemente<br />
WIND - FEUER - ERDE - EIS - Fl&uuml;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'); ?>
Ich denke ich erspare euch die gesammte Css datei =)
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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.05.2010, 02:05
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Ergänze innerhalb des Elements mit der Klasse "main_inhalt" ein Blockelement, welches "clear: both;" oder "clear: left;" als Eigenschaft hat.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.05.2010, 02:40
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

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 =/
Mit Zitat antworten
  #4 (permalink)  
Alt 18.05.2010, 09:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Cybertronic Beitrag anzeigen
Danke für den Tipp, aber im "main_inhalt" hat es nichts bewirkt...
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.
Mit Zitat antworten
  #5 (permalink)  
Alt 18.05.2010, 11:18
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

hmmm das Tutorial kenne ich =)

Damit habe ich das Floaten kennen gelernt, habe es auch schon mehrmals durchgelesen, zur sicherheit, tu mich schwer beim verstehen neuer Dinge.

Habe eben nochmal ein clear: left; ans ende der Divs gesetzt... hat aber leider auch nicht wirklich geholfen =/

Das doofe ist das es bestimmt einfach zu lösen ist, denn das Problem hatte ich bis jetzt immer wenn ich gefloatet hab innerhalb einer anderen Div.
Mit Zitat antworten
  #6 (permalink)  
Alt 18.05.2010, 11:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Cybertronic Beitrag anzeigen
hmmm das Tutorial kenne ich =)
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.
Mit Zitat antworten
  #7 (permalink)  
Alt 18.05.2010, 11:37
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

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.
Mit Zitat antworten
  #8 (permalink)  
Alt 18.05.2010, 11:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
  #9 (permalink)  
Alt 18.05.2010, 11:56
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

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)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 18.05.2010, 12:16
Benutzerbild von Cybertronic
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.02.2005
Beiträge: 271
Cybertronic ist in Verruf geraten
Standard

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 =/
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:55 Uhr.