[HTML/CSS] Leerzeile über PRE-Block mit FF
Verfasst: 27.10.2007 22:29
Im folgenden Quelltext wird ein Textblock mittels des <pre> Tag angezeigt. Allerdings wird in FireFox vor der ersten Zeile immer eine Leerzeile mit eingefügt. Beim InternetExplorer ist dies nicht der Fall.
Allerdings funktioniert es wenn man die Tabelle entfernt und das <pre> Tag vor den <div> Tag stellt:
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Code Parser</title>
<style type="text/css">
.codebox {
width: 640px;
height: 480px;
border: solid 1px #CCCCCC;
color: #006000;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
overflow: auto;
}
.linenumbers {
color: black;
padding-left: 8px;
padding-right: 10px;
background: #EBEBEB;
}
</style>
</head>
<body>
<div class="codebox" id="codebox">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="linenumbers" valign="top">
001<br />002<br />003<br />004<br />005<br />006<br />007<br />008<br />009<br />011<br />011<br />012<br />013
</td>
<td valign="top" style="padding-left: 5px;">
<pre>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna.
Aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.
- Rebum dolores et stet clita
- Rebum dolores et stet clita
- Rebum dolores et stet clita
- Rebum dolores et stet clita
Sed diam voluptua. At vero eos et accusam et justo.
</pre>
</td>
</tr>
</table>
</div>
</body>
</html>
Code: Alles auswählen
...
<body>
<pre><div class="codebox" id="codebox">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna.
Aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.
- Rebum dolores et stet clita
- Rebum dolores et stet clita
- Rebum dolores et stet clita
- Rebum dolores et stet clita
Sed diam voluptua. At vero eos et accusam et justo.</div></pre>
</body>
...