[HTML] Die drei Muskeltiere - IE, FF, Opera

**Meillo** · 30.11.2005, 08:50

... mach doch bitte die Seite mal noch online (habe hier die Möglichkeiten nicht dazu) - danke

**Benny-one** · 30.11.2005, 08:52

Original geschrieben von Meillo
... (habe hier die Möglichkeiten nicht dazu) - danke

ich auch nicht

hast du kein Editor? ich kann von hier aus nichts hochladen oder dergleichen

**Meillo** · 30.11.2005, 09:24

... also, ich hab's jetzt doch hoch bekommen: klicky-klick

(und wehe ihr macht mir zu viel Traffic :mad

)

**Benny-one** · 30.11.2005, 09:32

@meillo: danke

- habe meine Demo nochmal um 1 Tabelle ergänzt.

**Meillo** · 30.11.2005, 09:40

Original geschrieben von Benny-one
habe meine Demo nochmal um 1 Tabelle ergänzt.

... kann ich dann aber erst wieder heute Nachmittag ergänzen.

**wahsaga** · 30.11.2005, 10:11

Re: [HTML] Die drei Muskeltiere - IE, FF, Opera

Nich' mal eine Doctype-Angabe - willst du ein Ratespiel für die Browser veranstalten?

**Benny-one** · 30.11.2005, 10:13

@wahsaga: sorry, habs ergänzt.

**Benny-one** · 30.11.2005, 10:29

Code:

<h1>Liste 2</h1>
<ul>
	<li>Punkt 1<br />&amp;nbsp;</li>
	<li>Punkt 2<br />&amp;nbsp;</li>
	<li>Punkt 3<br />&amp;nbsp;</li>
	<li>Punkt 4<br />&amp;nbsp;</li>
</ul>

so klappts.

**mrhappiness** · 30.11.2005, 10:32

Re: 1ter Workaround für Liste

Original geschrieben von Benny-one

Code:

<h1>Liste 2</h1> <ul> <li>Punkt 1</li> &nbsp; <li>Punkt 2</li> &nbsp; <li>Punkt 3</li> &nbsp; <li>Punkt 4</li> &nbsp; </ul>

einfach ein &nbsp; hinter die br's und der IE kann schonmal die Liste richtig darstellen. Bleibt noch das Tabellen Problem.

Du weißt, dass das Schwachsinn in Potenz ist?

1. macht man sowas (den Abstand) mit CSS und
2. darf ein ul-Tag nur li-Tags enthalten...

**Benny-one** · 30.11.2005, 10:34

@happy: habs gemerkt und schon behoben ;-)

**mrhappiness** · 30.11.2005, 10:52

Schau dir mal

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Demo</title>
<style type="text/css">
ul#liste2 li {
	margin-bottom:1em;
}

ul#liste3 li {
	margin-bottom:2em;
}


span.umbruch[class] {
	width:1px;
	float:left;
}
</style>
</head>
<body>
<h1>Tabelle 300 Pixel</h1>
<table style="border:1px solid #000000;width:300px;" >
<tr>
 <td style="border: 1px solid #000000;width:100px;">A B C D E F-1 G H I J K L</td>
 <td style="border: 1px solid #000000;width:100px;">Spalte 2</td>
 <td style="border: 1px solid #000000;width:100px;">Spalte 3</td>
</tr>
</table>

<h1>Tabelle 300 Pixel</h1>
<table style="border:1px solid #000000;width:300px;" >
<tr>
 <td style="border: 1px solid #000000;width:100px;">1-
	<span class="umbruch"></span>11-<span class="umbruch"></span>111-
	<span class="umbruch"></span>1111-<span class="umbruch"></span>11111-
	<span class="umbruch"></span>1111-<span class="umbruch"></span>1111</td>
 <td style="border: 1px solid #000000;width:100px;">1-
	<span class="umbruch"></span>11-<span class="umbruch"></span>111-
	<span class="umbruch"></span>1111-<span class="umbruch"></span>11111-
	<span class="umbruch"></span>1111-<span class="umbruch"></span>1111</td>
 <td style="border: 1px solid #000000;width:100px;">1-
	<span class="umbruch"></span>11-<span class="umbruch"></span>111-
	<span class="umbruch"></span>1111-<span class="umbruch"></span>11111-
	<span class="umbruch"></span>1111-<span class="umbruch"></span>1111</td>
</tr>
</table>
<div style="width:300px;background:red">a</div>

<h1>Tabelle 300 Pixel</h1>
<table style="border:1px solid #000000; white-space:normal;width:300px;">
<tr>
 <td style="border: 1px solid #000000;width:100px;">11111111111111111111111</td>
 <td style="border: 1px solid #000000;width:100px;">11111111111111111111111</td>
 <td style="border: 1px solid #000000;width:100px;">11111111111111111111111</td>
</tr>
</table>

<h1>Liste 1</h1>
<ul>
	<li>Punkt 1</li>
	<li>Punkt 2</li>
	<li>Punkt 3</li>
	<li>Punkt 4</li>
</ul>

<h1>Liste 2</h1>
<ul id="liste2">
	<li>Punkt 1</li>
	<li>Punkt 2</li>
	<li>Punkt 3</li>
	<li>Punkt 4</li>
</ul>

<h1>Liste 3</h1>
<ul id="liste3">
	<li>Punkt 1</li>
	<li>Punkt 2</li>
	<li>Punkt 3</li>
	<li>Punkt 4</li>
</ul>

</body>
</html>

an

Nicht schön, aber selten *g*

**Benny-one** · 30.11.2005, 11:06

@happy: funzt irgendwie nicht

das problem ist, dass es nicht automatisch geht. manuell kann ich ja 's einfügen, das klappt auch wunderbar, ist aber sehr zeitaufwändig

**mrhappiness** · 30.11.2005, 11:10

Was heißt "funzt nicht"?

In meinem Firefox sind die ersten beiden Tabellen 300 Pixel breit, in meinem IE und in meinem Opera auch.

Die Elemente der zweiten Liste haben in allen Brwosern mehr Abstand zueinanander als in der ersten und weniger als in der dritten.

Wo sieht's bei dir anders aus?
Wie soll's aussehen?

Du sollst ja nicht br-Tags einfügen sondern bei der Ausgabe alle - durch - ersetzen ( geht nicht)

**Benny-one** · 30.11.2005, 11:18

@happy: ist klar

okay FF macht die zweite Tabelle genau 300px breit, allerdings nur, weil du überall die span's drinnen hast. da kann ich auch 's nehmen, die nehmen weniger platz weg. schöner wäre das ganze natürlich automatisiert, nach dem motto: style auf die zelle oder tabelle und der umbruch kommt automatisch, geht aber leider nicht.

das mit den listen ist mir mittlerweile egal

- war ja mein fehler mit den 's hinter </li>.

(und das nicht geht ist mir auch klar

)
btw: ich hab dir vor tagen ne mail geschickt (Bitte nicht löschen), was ist nun damit?

[HTML] Die drei Muskeltiere - IE, FF, Opera