problem mit FF
1 
Dennis
0
problem mit FF
Hi,
ich habe eine html seite die so aufgebaut ist:
<div>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
</div>
<div>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
</div>
<div>
<table>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
<tr>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
<td>
blabalbal
</td>
<td>
balbalbal
</td>
</tr>
</table>
</div>
sprich ich habe 3 divs und in jedem tief mindestens eine tabelle.
jetzt zu problem, die 3 tabellen im ersten div sollen nebeneinander dargestellt werden, die anderen divs darunter. Ansich kein problem.
table{display: inline;}
div{float: none;}
wenn ich table{float:left} mache setzt er mir das 2te div nebendrann.
bei table{display: inline;} hab ich im FF einen grauen balken in der untersten zeile der tabelle, im IE nicht.
Hoffe mein problem ist klar, ich habe die wahl zwischen:
- im FF nen greuen balken
- 2tes div rechts nebendran
Beide möglichkeiten sind meines erachtens nicht akzeptabel aber ich finde keine lösung, hilfe!
MfG
-
Hi Daniel,
table{display: inline;}
div{float: none;}Du suchst [clear](http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear). MfG, Dennis. -- Mein SelfCode: [ie:{ fl:( br:> va:) ls:\[ fo:) rl:( n4:# ss:) de:\] js:| ch:{ sh:| mo:} zu:|](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%5B+fo%3A%29+rl%3A%28+n4%3A%23+ss%3A%29+de%3A%5D+js%3A%7C+ch%3A%7B+sh%3A%7C+mo%3A%7D+zu%3A%7C) Sinnvolles Zitieren: Man zitiert nur Teilsätze des Vorposters auf die man sich bezieht! Nicht einfach alles. -
-
Hi,
sprich ich habe 3 divs und in jedem tief mindestens eine tabelle.
dann sind die drei DIVs völlig überflüssig.
table{display: inline;}
div{float: none;}Das ist völliger Unsinn: float:none ist die Vorgabe und ein Element display:inline zuzuweisen um es dann in ein Blockelement zu packen... > wenn ich table{float:left} mache setzt er mir das 2te div nebendrann. Vergiß die DIVs, dann klappt das schon. Du brauchst aber u.U. eine Breitenangabe für die Tabellen. freundliche Grüße Ingo -- [[barrierefreie Webseitenerstellung](http://www.1ngo.de/web/) » [Suchmaschinenoptimierung](http://www.1ngo.de/web/seo.html) | [em?](http://www.1ngo.de/web/em.html)] ([Hommingberger Gepardenforelle](http://www.1ngo.de/hommingberger-gepardenforelle/);-)-
Hi,
dann sind die drei DIVs völlig überflüssig.
nein sind sie nicht, denn nur deshalb funktioniert
https://forum.selfhtml.org/?t=109705&m=686136
ohne das ich 50 tabellenklassen verwenden muss in der CSSDas ist völliger Unsinn: float:none ist die Vorgabe
und was ist wenn sich das ändert?
und ein Element display:inline zuzuweisen um es dann in ein Blockelement zu packen...
das war ja nur weil beim float:left das 2te DIV hoch kam, quasi als
notlösung die im FF hässlich ist.Vergiß die DIVs, dann klappt das schon. Du brauchst aber u.U. eine Breitenangabe für die Tabellen.
da macht man sowas einmal nicht mit Tabellen oder mit Frames schon soll man die DIVs vergessen, wie denn sonst bitteschön?
MfG
-
hi,
da macht man sowas einmal nicht mit Tabellen oder mit Frames schon soll man die DIVs vergessen, wie denn sonst bitteschön?
wieso, tabellen hast du doch trotzdem noch im überfluss verwendet, zitat:
sprich ich habe 3 divs und in jedem tief mindestens eine tabelle.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi,
wieso, tabellen hast du doch trotzdem noch im überfluss verwendet, zitat:
sprich ich habe 3 divs und in jedem tief mindestens eine tabelle.
aber nicht zu layoutzwecken missbraucht sondern zum darstellen tabellarischer daten.
MfG
-
-
Hi,
dann sind die drei DIVs völlig überflüssig.
nein sind sie nicht, denn nur deshalb funktioniert
https://forum.selfhtml.org/?t=109705&m=686136
ohne das ich 50 tabellenklassen verwenden muss in der CSSsorry, aber Du redest immer noch Unsinn. Eine Tabelle ist wie DIV ein Blocklelment und kann genauso wie DIV mit CSS formatiert werden und auch eine ID zur Identifizierung auch der Nachkommen-Elemente erhalten.
da macht man sowas einmal nicht mit Tabellen oder mit Frames schon soll man die DIVs vergessen, wie denn sonst bitteschön?
Du sollst _überflüssige Elemente_ streichen. Seien es nun eigentlich unnötige Layouttabellen oder DIVs, die gar nichts gruppieren.
freundliche Grüße
Ingo-
Hi,
sorry, aber Du redest immer noch Unsinn. Eine Tabelle ist wie DIV ein Blocklelment und kann genauso wie DIV mit CSS formatiert werden und auch eine ID zur Identifizierung auch der Nachkommen-Elemente erhalten.
sorry ich glaube ich hab mcih unklar ausgedrückt, ich müsste den
tabellen die nebeneinander stehen und denen die untereinander gehören
dann unterschiedliche klassen geben, und dann somit quasi alles
umschreiben (im css wie auch in der html datei) mir ist schon klar und
jetzt erst recht was du sagen wolltestDu sollst _überflüssige Elemente_ streichen. Seien es nun eigentlich unnötige Layouttabellen oder DIVs, die gar nichts gruppieren.
damit der code schöner ist sicherlich hilfreich.
MfG
-
Hi,
ich müsste den
tabellen die nebeneinander stehen und denen die untereinander gehören
dann unterschiedliche klassen gebennein. Wenn die Tabellen alle gleich formatiert sind, kommst Du mit einer einzigen Klasse aus oder vielleicht sogar ganz ohne. Beispiel:
table {float:left}
table.umbruch {clear:left}Tabelle Tabelle Tabelle ...
Tabelle mit Klasse "umbruch" ...Und ganz ohne Klasse geht das, wenn der Umbruch automatisch aufgrund der Breite des Elternelements (das könnte dann evtl. ein gruppierendes DIV sein) erfolgen kann.
freundliche Grüße
Ingo
-
-
-
-