float: right; hängt unten raus

28.03.2005, 18:46

Hi,

Ich bin grade dabei mein Forum so weit es geht von Tabellen zu befreien. Beim Profil habe ich ein kleines Problem. So siehts aus (so wie bei phpBB...):
http://forum.galerie-neander.de/profile.php?user=42

So ungefähr ist die Struktur:

Zitat:

<div class="container">
<h1>Profil von ...</h1>

<div id="profile-right;">
<h2>Allgmeine Infomationen</h2>
<dl class="profile">
<dt>...</dt>
<dd>...
</dd>
....
</dl>
</div>
<div id="profile-left;">
<h2>Avatar</h2>
.....
<h2>Kontaktiere ..</h2>
<dl class="profile">
...
</dl>
</div>
</div>

Die wichtigsten zugehörigen CSS-Elemente:

Zitat:

div#profile-left {
width: 30%;
border-right-width: 1px;
border-right-style: solid;
}
div#profile-right {
float: right;
clear: both;
width: 70%;
}
dl.profile {
height: auto;
list-style-type: none;
list-style-position: outside;
}
dl.profile dd {
padding: 0em 0em 0.5em 0em;
}
dl.profile dt {
width: 10em;
padding: 0em 0em 0.5em 1em;
float: left;
clear: left;
}
div.container {
padding: 0em 0em 1em 0em;
width: 100%;
height: 100%;
border-collapse: collapse;
margin: 0.5em auto 2em auto;
border-width: 1px;
border-style: solid;
clear: both;
}

Ich hab schon einiges mit "clear: both" und height: 100% oder auto versucht. Das in der dl-Liste, in div.container und den anderen divs, hat aber nix geholfen.
Die rechte Liste hängt immer unten raus, wenn der linke Teil zu kurz ist, genauer, wenn der Benutzer keinen Avatar hat...

Hat jemand einen Tip, wie ich das hinbekommen könnte, dass div.container immer alle Inhalte umfasst?

mfg koelle

Malfunction · 30.03.2005, 06:47

hast du das jetzt gefixt?
im ff sieht's gut aus, und im ie6 wird zwar ein missing img dingsbums angezeigt aber es hängt nix raus (da solltest du vielleicht auf das "ziellose" img-tag verzichten).

30.03.2005, 16:38

Hi,

ne leider nicht. Wenn der User einen Avatar hat, ist der linke Teil lang genug, sodass nix raushängt. Nur wenn der User keinen Avatar hat, ist die rechte Seite länger als die Linke...

mfg koelle

Malfunction · 30.03.2005, 18:15

aber auf dem link oben hat der user doch keinen avatar, und es hängt nix raus.
welche browser testet du denn?

31.03.2005, 13:39

Hi,

das ist interessant. Hatte immer im Firefox getestet und da hings raus. In Opera ists aber gut.
Vielleicht ists einfach n kleiner bug im Firefox..?

mfg koelle

31.03.2005, 14:01

Versuchs notfalls mal mit einem

Code:

<br style="clear:both" />

, bevor du den div-Kasten schließt.

31.03.2005, 14:17

Hey,

danke das klappt. Hab an allen möglichen Stellen ein "clear: both" eingefügt, kam aber net auf die Idee ein
mit "clear: both einzufügen...

mfg koelle

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
Einen Div rechts neben Wrapper	pixelprinzessin	HTML, Usability und Barrierefreiheit	8	09.02.2011 15:54
CSS Float Menü mit Tabs springt hin und her	obi	HTML, Usability und Barrierefreiheit	2	23.07.2008 19:37
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
Float für Fortgeschrittene	axelnes	HTML, Usability und Barrierefreiheit	5	12.04.2006 10:29
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] 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
$_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
Float mit bestimmter Länge ausgeben		PHP Tipps 2005	2	08.01.2005 19:41
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


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

30.03.2005, 06:47
Malfunction Erfahrener Benutzer Registriert seit: 30.01.2005 Beiträge: 140	hast du das jetzt gefixt? im ff sieht's gut aus, und im ie6 wird zwar ein missing img dingsbums angezeigt aber es hängt nix raus (da solltest du vielleicht auf das "ziellose" img-tag verzichten).

30.03.2005, 16:38
Gast Beiträge: n/a	Hi, ne leider nicht. Wenn der User einen Avatar hat, ist der linke Teil lang genug, sodass nix raushängt. Nur wenn der User keinen Avatar hat, ist die rechte Seite länger als die Linke... mfg koelle

30.03.2005, 18:15
Malfunction Erfahrener Benutzer Registriert seit: 30.01.2005 Beiträge: 140	aber auf dem link oben hat der user doch keinen avatar, und es hängt nix raus. welche browser testet du denn?

31.03.2005, 13:39
Gast Beiträge: n/a	Hi, das ist interessant. Hatte immer im Firefox getestet und da hings raus. In Opera ists aber gut. Vielleicht ists einfach n kleiner bug im Firefox..? mfg koelle

31.03.2005, 14:01
Gast Beiträge: n/a	Versuchs notfalls mal mit einem Code: <br style="clear:both" /> , bevor du den div-Kasten schließt.

31.03.2005, 14:17
Gast Beiträge: n/a	Hey, danke das klappt. Hab an allen möglichen Stellen ein "clear: both" eingefügt, kam aber net auf die Idee ein mit "clear: both einzufügen... mfg koelle