zurück zur Startseite
  

Registrieren Hilfe Benutzerliste Heutige Beiträge

Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe beim Clearen gesucht!

Antwort
Seite 1 von 3 1 23
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.04.2009, 17:57
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 28.04.2009
Beiträge: 13
Bury Jones befindet sich auf einem aufstrebenden Ast
Standard Hilfe beim Clearen gesucht!
Hallo Leute..

ich verzweifel gleich. Ich bekomme es einfach nicht hin, dass folgender Code gescheit gecleared wird. Ich habe einen Container-Div und bastel mit PHP in diesem Container eine Tabelle aus divs. Die Tabelle wächst dabei über den Container heraus. Hier mal die CSS:

HTML-Code:
#container {
	background-color:#FFFFFF;
	margin-left:20px;
	margin-top:20px;
	width:550px;
	padding:10px;
        padding-top:0px;
	left:190px;
	font-size:12px;
	position:absolute;
}

// Ein gefärbte Balken, in den durch .shop_cell die Titel reinkommen
#table_header {
    background-color:#FFD594;
    height:25px;
}

// Jede Zelle der Tabelle
.table_cell {
    font-weight:bold;
    height: 15px;
    padding: 5px;
    float:left;
}
Das ist der generierte HTML-Code. Ich habe jetzt alle Clears draußen. Egal wo ich welche hinsetze, es wird nie "angewendet".

HTML-Code:
<div id="right">
 <h2>. . : : Online-Store : : . .</h2>
  <div>
   <div id='table_header'>
    <div class='table_cell' style='width:130px;'>Produkt</div>
    <div class='table_cell' style='width:300px;'>Download</div>
    <div class='table_cell' style='width:75px;'>Preis</div>
   </div>

    <div>
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px;'>...</div>
    </div>
   
    <div>
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px;'>...</div>
    </div>
   </div>
</div>
Danke für Hilfe im Voraus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.04.2009, 18:03
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
Das Stichwort, das du suchst, heißt "Containing Floats" -- siehe FAQ Punkt 2.

Aber lies bitte unbedingt diesen Artikel. Ich habe den Eindruck, dass du dem Missverständnis aufgesessen bist, Tabellen seien grundsätzlich "böse".

Und lies bitte die Hinweise für Fragende. Codefragmente genügen nicht.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.04.2009, 18:15
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 28.04.2009
Beiträge: 13
Bury Jones befindet sich auf einem aufstrebenden Ast
Standard
Vielen Dank für die Antwort.

Ja, ich vermeide Tabellen wo ich kann

Ähm, ich weiß ja, dass ich clearen muss, aber kein clear funktioniert - und - der Fehler tritt AUCH im Internet Explorer auf.

Soll ich da lieber eine Tabelle nehmen, oder weiter nach der Lösung suchen?

Danke
Mit Zitat antworten
  #4 (permalink)  
Alt 28.04.2009, 18:20
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
Ja, dein Konstrukt ist Unfug. Das ist die Kurzfassung des von mir verlinkten Artikels, den du ganz offensichtlich nicht gelesen hast.

Wenn etwas nicht funktioniert, musst du zeigen, was du machst. In deinen Codeschnipseln gibt es nicht einmal den Versuch eines Clears.

Bevor du jetzt das nächste Posting abschickst, lies bitte alle von mir geposteten Links. Sonst hat das hier alles keinen Sinn.
Mit Zitat antworten
  #5 (permalink)  
Alt 28.04.2009, 18:33
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 28.04.2009
Beiträge: 13
Bury Jones befindet sich auf einem aufstrebenden Ast
Standard
Die Artikel habe ich gelesen. Habe ich, bevor ich mich hier registriert habe, mehrere Artikel gelesen.

Es hieß immer, dass nach den gefloateten Elementen immer ein clear folgen muss. Der Fehler würde beim IE allerdings nicht auftreten, da dieser es wohl automatisch macht. Der Fehler tritt trotzdem auf.

Hier nochmal mit meinen Clears: (eine URL kann ich nicht geben, da ich lokal arbeite)

HTML-Code:
<div id="right">
 <h2>. . : : Online-Store : : . .</h2>
 <div>
  <div id='table_header'>
   <div class='table_cell' style='width:130px;'>...</div>
   <div class='table_cell' style='width:300px;'>...</div>
   <div class='table_cell' style='width:75px;'>...</div>
   <div style='clear:left;'></div>
  </div>

  <div>
   <div class='table_cell' style='width:130px;'>...</div>
   <div class='table_cell' style='width:300px;'>...</div>
   <div class='table_cell' style='width:75px;'>...</div>
   <div style='clear:left;'></div>
  </div>
            
  <div>
   <div class='table_cell' style='width:130px;'>...</div>
   <div class='table_cell' style='width:300px;'>...</div>
   <div class='table_cell' style='width:75px;'>...</div>
   <div style='clear:left;'></div>
  </div>
 </div> 
</div>
Die Clear-Divs hatte ich vorhin auch schonmal ganz außen. Es hilft alles nichts. Ich versteh's nicht
Mit Zitat antworten
  #6 (permalink)  
Alt 28.04.2009, 18:41
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 Bury Jones Beitrag anzeigen
eine URL kann ich nicht geben
Und ich habe keine Zeit für Bausätze.
Mit Zitat antworten
  #7 (permalink)  
Alt 28.04.2009, 18:49
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 28.04.2009
Beiträge: 13
Bury Jones befindet sich auf einem aufstrebenden Ast
Standard
Vielen Dank.
Mit Zitat antworten
  #8 (permalink)  
Alt 28.04.2009, 18:55
Benutzerbild von sphere
Neuer Benutzer
neuer user
  
Registriert seit: 23.04.2009
Beiträge: 11
sphere befindet sich auf einem aufstrebenden Ast
Standard
Klappt bei mir so ganz gut:

HTML-Code:
<div id="container">
 <h2>. . : : Online-Store : : . .</h2>
  <div>
   <div id="table_header" style="clear:both">
    <div class='table_cell' style='width:130px;'>Produkt</div>
    <div class='table_cell' style='width:300px;'>Download</div>
    <div class='table_cell' style='width:75px;'>Preis</div>
   </div>

    <div style="clear:both">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px;'>...</div>
    </div>
   
    <div style="clear:both;">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px;'>...</div>
    </div>
   </div>
</div>
Geht vielleicht noch eleganter, wenn Du eine entsprechende Klasse in deinem Stylesheet definierst und sie auf die DIVs anwendest.
Mit Zitat antworten
  #9 (permalink)  
Alt 28.04.2009, 19:01
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 28.04.2009
Beiträge: 13
Bury Jones befindet sich auf einem aufstrebenden Ast
Standard
Vielen Dank für die Antwort.

Hab es jetzt genau so, aber der Fehler tritt immernoch auf.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.04.2009, 19:05
Benutzerbild von sphere
Neuer Benutzer
neuer user
  
Registriert seit: 23.04.2009
Beiträge: 11
sphere befindet sich auf einem aufstrebenden Ast
Standard
Also ich habs noch mit EasyClearing ausprobiert und ich weiss nicht, aber bei mir klappts damit oder ich seh dein Problem einfach nicht. Mach doch mal ein Printscreen.

HTML-Code:
<div class="clearfix" id="container">
 <h2>. . : : Online-Store : : . .</h2>
  <div class="clearfix">
   <div class="clearfix" id="table_header">
    <div class='table_cell' style='width:130px;'>Produkt</div>
    <div class='table_cell' style='width:300px;'>Download</div>
    <div class='table_cell' style='width:75px; float:left'>Preis</div>
   </div>

    <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
   
    <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
        <div class="clearfix">
     <div class='table_cell' style='width:130px;'>...</div>
     <div class='table_cell' style='width:300px;'>...</div>
     <div class='table_cell' style='width:75px; float:left'>...</div>
    </div>
    
   </div>
</div>
Code:
#container {
	background-color:#FFFFFF;
	margin-left:20px;
	margin-top:20px;
	width:550px;
	padding:10px;
    padding-top:0px;
	left:190px;
	font-size:12px;
	position:absolute;
	border: 1px solid;
}

/* Ein gefärbte Balken, in den durch .shop_cell die Titel reinkommen */
#table_header {
    background-color:#FFD594;
    height:25px;
}

/* Jede Zelle der Tabelle */
.table_cell {
    font-weight:bold;
    height: 15px;
    float:left;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */
Sieht bei mir wie folgt aus:
Printscreen
Geändert von sphere (28.04.2009 um 19:35 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort
Seite 1 von 3 1 23

« Vorheriges Thema | Nächstes Thema »

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
Hilfe gesucht beim erstellen meiner Startseite..... eBase2009 CSS 17 25.06.2009 22:07
Hilfe gesucht...! Indy CSS 8 27.01.2009 23:34
Hilfe bei Parallelschaltung gesucht Muckel Offtopic 6 03.07.2008 15:45
Hilfe gesucht? chris07 CSS 8 09.08.2006 14:30
CSS Hilfe gesucht für Blindenseite johnjdoe CSS 30 17.02.2005 17:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:30 Uhr.

Datenschutzerklärung - Impressum - Archiv - Nach oben

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023