✔ Listenproblem:

[Geflügel]

Hallo,

schaut euch bitte mal folgendes im Firefox an: (oder schaut gleich in den Anhang )

<style type="text/css" media="screen, projection, handheld">
/*<![CDATA[*/
ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 300px;
}
ul li
{
	border: 1px solid red;
}
ul li span
{
	border: 1px solid green;
}
/*]]>*/
</style>
<ul>
	<li>
		<span style="float: left;">aaa</span>
		<span style="float: right;">bbb</span>
	</li>
	<li>
		<span style="float: left;">aaa</span>
		<span style="float: right;">bbb</span>
	</li>
</ul>

Die Fehlerbeschreibung, bzw. das Ziel ist auch im Anhang.

So, und nun bedanke ich mich mal wieder im Voraus!! Hoffentlich hat hier jemand den entscheidenden Hinweis für mich.

Anhang ist jetzt weiter unten, da ich ihn vergessen habe gleich anzuhängen. Sorry!

 

[Geflügel]

Mist, jetzt habe ich doch glatt den Anhang vergessen:

 

[Maik]

Hi,

die Floatumgebung muss zum Abschluss noch "gecleart" werden - siehe hierzu http://positioniseverything.net/easyclearing.html.

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<ul>
        <li class="clearfix">
                <span style="float: left;">aaa</span>
                <span style="float: right;">bbb</span>
        </li>
        <li class="clearfix">
                <span style="float: left;">aaa</span>
                <span style="float: right;">bbb</span>
        </li>
</ul>

 

[Geflügel]

Hallo,

bekomme in der Fehlerkonsole von Firefox angezeigt.

Warnung: Fehler beim Verarbeiten des Wertes für Eigenschaft 'display'. Deklaration ignoriert. Quelldatei: http://localhost/test/ Zeile: 48

// Zeile: 48
display: inline-block;

Woran kann das liegen?

 

[Maik]

Ich bekomme da im Firefox keine Fehlermeldung ausgeworfen, und der CSS-Validator hat auch nichts daran zu beanstanden.