Problem mit Tabelle (es bleibt ungewünschter Freiraum)
andi
- css
0 Gernot Back
0 andi0 Gernot Back
0 andi
0 MudGuard
Hallo,
bin neu im Forum und Anfänger in Sachen html/css
hab nun ein Problem das ich nicht selber lösen kann...
hab eine Tabelle um Bilder zu ordnen/auszurichten:
http://home.arcor.de/napolen/test.html
nun das Problem:
bei firefox: bleibt in den einzelnen Zellen ein Freiraum
bei internetexplorer: wir der recht rahmen bei den äusseren Zellen nicht angezeigt
hoffe man kann mir helfen.
hier noch der code:
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>ultimatives Testcenter</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table id="rahmen">
<colgroup span="4"></colgroup>
<tr>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
</tr>
<colgroup span="4"></colgroup>
<tr>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
</tr>
<colgroup span="4"></colgroup>
<tr>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
</tr>
</table>
</body>
</html>
css:
#rahmen td
{border-width:1px;
border-style:solid;
padding:0px;
border-color:#000;
}
#rahmen {
border-collapse:collapse;
}
Hallo andi,
bin neu im Forum und Anfänger in Sachen html/css
http://home.arcor.de/napolen/test.html
Merkt man: So verlinkt man:
http://home.arcor.de/napolen/test.html
Hast du es schon mal mit einem vernünftigen DOCTYPE versucht?
Im Quirksmode musst du dich ja nicht wundern, wen´n jeder Browser macht was er will.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Gruß Gernot
vielen dank, werd mich mal mit dem Thema DOCTYPE beschäftigen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
im firefox wird es jetzt korrekt angezeigt,
aber der rechte Rahmen wir im iexplorer immer noch nicht angezeigt...
Hallo andi,
vielen dank, werd mich mal mit dem Thema DOCTYPE beschäftigen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">im firefox wird es jetzt korrekt angezeigt,
aber der rechte Rahmen wir im iexplorer immer noch nicht angezeigt...
Es könnte bei reinem Tabellenlayout hilreich sein, durch Voranstellen eines HTML-Kommentars nur den IE bei ansonstem "striktem?" DOCTYPE in den Quirksmode zu schicken. Dadurch handelst du dir freilich bei vielem anderem außer Tabellenelementen erst recht Darstellungsunterschiede zwischen den Browsern ein.
<!-- Only IE: Quirksmode please -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
http://forum.de.selfhtml.org/archiv/2006/11/t140239/#m911325
Gruß Gernot
hab nochmal rumprobiert und eine Lösing gefunden:
table-layout:fixed;
jetzt wird der rahmen in beiden browsern richtig angezeigt...
danke mfg andi...
Hi,
<table id="rahmen">
<colgroup span="4"></colgroup>
<tr>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
<td><img src="./thumbnails/platzhalter.gif"></td>
</tr>
<colgroup span="4"></colgroup>
Unzulässig an dieser Stelle.
cu,
Andreas