Float für Fortgeschrittene

axelnes · 09.04.2006, 13:13

Ich finde es Krass, dass wenn ich eine Abfolge von div containern
die mit FLoat nebeneinander gekoppelt sind und die einen Dynamischen
Inhalt besitzen, ich nicht einfach mit einem weiteren Div klammern kann
und mit dem alles in die mitte setzen kann

Ein Beispiel was leider nicht geht:

<div style="text-align:center">
<div style="width:10px;height:30px;float:left">[img]xyz[/img]</div>
<div style="float:left">Dynamischer Text></div>
<div style="width:10px;height:30px;float:left">[img]xyz[/img]</div>
</div>

Sobald Float angegeben ist muß ein feste breite und höher für den obersten div Container angeben werden wenn ich alles Zentrieren möchte
ich habe aber einen Dynamischen Text und mit min-width, min-height funktioniert das alles nicht.

Ich muß jetzt also so vorgehen -->

<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
<tr>
<td align="center" >
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<div style="width:10px;height:30px;float:left">[img]xyz[/img]</div>
<div style="float:left">Dynamischer Text></div>
<div style="width:10px;height:30px;float:left">[img]xyz[/img]</div>
</td>
</tr>
</table>
</td>
</tr>
</table>

Und so wären wir schon wieder bei Tabellen.

Gibt es hier nicht ein geniale css Lösungen, die es erlaubt die gefloateten divs ohne angabe der breite beim obersten Container zu zentrieren?

farant · 09.04.2006, 21:28

kleine frage: für was sind denn die beiden div's mit dem bild [img]xyz[/img]?
wenn es nur ein abstandshalter ist dann kannst du die auch weglassen und padding bzw. margin (jeweils für left und right) von 10px verwenden.

somit hast du nicht drei div's und hast noch gut was eingespart.
sollten es richtige bilder sein dann machst du ein großes div in den du dein text reinlegst und darin nochmals 2 divs (das eine float: left und das andere float: right) und legst dann dort deine bilder rein.

rico

axelnes · 10.04.2006, 07:56

Die images sind keine abstandshalter, sondern echte , sichtbare und nötige Grafiken, deswegen überhaubt die Float's

axelnes · 12.04.2006, 10:05

Schade und ich dachte in diesem Forum hätte jemand eine Lösung.

12.04.2006, 10:14

Du kannst die Lösung selber finden. Benutze google mit "css zentrieren ie", habe da vor einiger Zeit einen funktionierendes Beispiel gefunden, weiß aber leider nicht mehr wo.

Gruß
phpfan

axelnes · 12.04.2006, 10:29

phpfan leider geht das folgende Beispiel nicht:

<div style="text-align:center;width:100%;float:left" id="eins">
<div style="width:10px;height:30px;float:left">[img]xyz[/img]</div>
<div style="float:left">Dynamischer Text></div>
<div style="width:10px;height:30px;float:left">[img]xyz[/img]</div>
</div>

Leider brauche ich Float:left in id="eins" damit überhaubt die untergeordneten div's geklammert werden. jetzt ist es aber so das scheinbar alle Zentrierungsversuche scheitern sobald float im spiel ist. Ich muß sagen in diesem Fall ist Css kontraproduktiv. Man muß doch eine Gruppe von div's mit Float Klammern können und dann zentrieren ohne absolute positinierung.
Ein beispiel das Zeigt das man doch nicht auf die guten alten Tabellen verzichten kann.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bereich um einen float left und float right Bereich	andrew22	HTML, Usability und Barrierefreiheit	8	27.02.2007 18:27
float right von ie nicht übernommen	möchtegernchegga	HTML, Usability und Barrierefreiheit	3	16.08.2006 16:01
Tutorial für Fortgeschrittene	ApfeL	Beitragsarchiv	5	22.03.2006 12:38
Float bei zwei DIVs		HTML, Usability und Barrierefreiheit	14	29.01.2006 10:54
Im DIV ein DIV mit float		HTML, Usability und Barrierefreiheit	8	21.12.2005 18:28
[Erledigt] FLOAT Problem		Datenbanken	2	17.06.2005 23:12
float Probleme		HTML, Usability und Barrierefreiheit	8	01.05.2005 18:28
[Erledigt] arges float Problem		HTML, Usability und Barrierefreiheit	9	30.04.2005 14:31
CSS: 2 Spalten á 50% ohne float		HTML, Usability und Barrierefreiheit	2	31.03.2005 14:37
float: right; hängt unten raus		HTML, Usability und Barrierefreiheit	6	31.03.2005 14:17
$_GET['var1'] prüfen ob Float		PHP Tipps 2005	4	17.02.2005 17:57
float oder string?		PHP Tipps 2005	2	28.01.2005 17:38
CSS: Probleme mit float:!!	18inch	HTML, Usability und Barrierefreiheit	1	30.12.2004 13:55
float in Mozilla	tikal	HTML, Usability und Barrierefreiheit	2	15.12.2004 15:37
Probleme mit float und IE	zwelch	HTML, Usability und Barrierefreiheit	4	23.08.2004 09:35

09.04.2006, 13:13
axelnes Benutzer Registriert seit: 01.08.2005 Beiträge: 46	Float für Fortgeschrittene Ich finde es Krass, dass wenn ich eine Abfolge von div containern die mit FLoat nebeneinander gekoppelt sind und die einen Dynamischen Inhalt besitzen, ich nicht einfach mit einem weiteren Div klammern kann und mit dem alles in die mitte setzen kann Ein Beispiel was leider nicht geht: <div style="text-align:center"> <div style="width:10px;height:30px;float:left">[img]xyz[/img]</div> <div style="float:left">Dynamischer Text></div> <div style="width:10px;height:30px;float:left">[img]xyz[/img]</div> </div> Sobald Float angegeben ist muß ein feste breite und höher für den obersten div Container angeben werden wenn ich alles Zentrieren möchte ich habe aber einen Dynamischen Text und mit min-width, min-height funktioniert das alles nicht. Ich muß jetzt also so vorgehen --> <table cellspacing="0" cellpadding="0" border="0" align="center" width="100%"> <tr> <td align="center" > <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> <div style="width:10px;height:30px;float:left">[img]xyz[/img]</div> <div style="float:left">Dynamischer Text></div> <div style="width:10px;height:30px;float:left">[img]xyz[/img]</div> </td> </tr> </table> </td> </tr> </table> Und so wären wir schon wieder bei Tabellen. Gibt es hier nicht ein geniale css Lösungen, die es erlaubt die gefloateten divs ohne angabe der breite beim obersten Container zu zentrieren? __________________ A-NES Internet-Lösungen Axel Neswadba www.a-nes.de


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.04.2006, 21:28
farant Benutzer Registriert seit: 18.07.2005 Beiträge: 90 PHP-Kenntnisse: Fortgeschritten	kleine frage: für was sind denn die beiden div's mit dem bild [img]xyz[/img]? wenn es nur ein abstandshalter ist dann kannst du die auch weglassen und padding bzw. margin (jeweils für left und right) von 10px verwenden. somit hast du nicht drei div's und hast noch gut was eingespart. sollten es richtige bilder sein dann machst du ein großes div in den du dein text reinlegst und darin nochmals 2 divs (das eine float: left und das andere float: right) und legst dann dort deine bilder rein. rico

10.04.2006, 07:56
axelnes Benutzer Registriert seit: 01.08.2005 Beiträge: 46	Die images sind keine abstandshalter, sondern echte , sichtbare und nötige Grafiken, deswegen überhaubt die Float's __________________ A-NES Internet-Lösungen Axel Neswadba www.a-nes.de

12.04.2006, 10:05
axelnes Benutzer Registriert seit: 01.08.2005 Beiträge: 46	Schade und ich dachte in diesem Forum hätte jemand eine Lösung. __________________ A-NES Internet-Lösungen Axel Neswadba www.a-nes.de

12.04.2006, 10:14
Gast Beiträge: n/a	Du kannst die Lösung selber finden. Benutze google mit "css zentrieren ie", habe da vor einiger Zeit einen funktionierendes Beispiel gefunden, weiß aber leider nicht mehr wo. Gruß phpfan

12.04.2006, 10:29
axelnes Benutzer Registriert seit: 01.08.2005 Beiträge: 46	phpfan leider geht das folgende Beispiel nicht: <div style="text-align:center;width:100%;float:left" id="eins"> <div style="width:10px;height:30px;float:left">[img]xyz[/img]</div> <div style="float:left">Dynamischer Text></div> <div style="width:10px;height:30px;float:left">[img]xyz[/img]</div> </div> Leider brauche ich Float:left in id="eins" damit überhaubt die untergeordneten div's geklammert werden. jetzt ist es aber so das scheinbar alle Zentrierungsversuche scheitern sobald float im spiel ist. Ich muß sagen in diesem Fall ist Css kontraproduktiv. Man muß doch eine Gruppe von div's mit Float Klammern können und dann zentrieren ohne absolute positinierung. Ein beispiel das Zeigt das man doch nicht auf die guten alten Tabellen verzichten kann. __________________ A-NES Internet-Lösungen Axel Neswadba www.a-nes.de