Autor |
Nachricht |
wandgucker
Threadersteller
Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 09.02.2005 16:15
Titel tabelle und divs die zweite.. |
|
|
Hi, ich habe eine 5 spaltige tabelle mit divs erstellt,
die mittlerweile auch im IE und im Firefox läuft- Problem : im Firefox wird der orangene header mit
padding angezeigt, nach einigem Testen habe ich herausgefunden, dass
es am zeilenumbruch im Quelltext selbst liegt. Würde ich alle divs in eine Zeile schreiben,
wäre das Problem zwar behoben, bei späterer Überarbeitung aber sehr mühsam zu lesen..
kennt ihr ein tool/css befehl der den Zeilenumbruch im Quelltext ignoriert?
Hier mal der Code:
<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"-->
<html>
<head>
<title>Table</title>
<style type="text/css">
html
{
overflow: hidden;
}
body
{
border: 0;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
font-family: Arial, Helvetica, Verdana, ms-sans serif;
font-size: 9pt;
}
.table
{
width: 255px;
border-top: 1px solid gray;
border-right: 1px solid gray;
overflow: hidden;
}
.row{
white-space: nowrap;
border-bottom: 1px solid gray;
}
.cell
{
display: inline;
overflow: hidden;
text-overflow: ellipsis;
width: 50px;
border-left: 1px solid gray;
}
.cell
{
display: -moz-inline-box;
}
.heading
{
background-color: orange;
}
div
{
white-space: pre-line;
}
</style>
</head>
<body>
<div class="table">
<div class="row">
<div class="cell heading">222</div>
<div class="cell heading">ddddddddddddddd</div>
<div class="cell heading">1</div>
<div class="cell heading">1</div>
<div class="cell heading">1</div>
</div>
<div class="row">
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">ddddddddddd</div>
<div class="cell">1</div>
<div class="cell">1</div>
</div>
<div class="row">
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">1</div>
</div>
</div>
</body>
</html>
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 09.02.2005 16:44
Titel
|
|
|
so besser?
<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"-->
<html>
<head>
<title>Table</title>
<style type="text/css">
html
{
overflow: hidden;
}
body
{
border: 0;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
font-family: Arial, Helvetica, Verdana, ms-sans serif;
font-size: 9pt;
}
.table
{
width: 250px;
border-top: 1px solid gray;
border-right: 1px solid gray;
overflow: hidden;
}
.row{
white-space: nowrap;
border-bottom: 1px solid gray;
}
.headrow{
white-space: nowrap;
border-bottom: 1px solid gray;
background-color: orange;
}
.cell
{
display: inline;
overflow: hidden;
text-overflow: ellipsis;
width: 50px;
border-left: 1px solid gray;
}
.cell
{
display: -moz-inline-box;
}
div
{
white-space: pre-line;
}
</style>
</head>
<body>
<div class="table">
<div class="headrow">
<div class="cell">222</div>
<div class="cell">ddddddddddddddd</div>
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">1</div>
</div>
<div class="row">
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">ddddddddddd</div>
<div class="cell">1</div>
<div class="cell">1</div>
</div>
<div class="row">
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">1</div>
<div class="cell">1</div>
</div>
</div>
</body>
</html>
|
|
|
|
|
Anzeige
|
|
|
wandgucker
Threadersteller
Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 09.02.2005 17:10
Titel
|
|
|
bist ein schatz!!
zu blöd zum selbermachen...vielen vielen dank!
hab nicht mehr an die tabs gedacht..
|
|
|
|
|
|
|
|
Ähnliche Themen |
tabelle in divs
Tabelle durch DIVs ersetzen - wie?
Höhe aus Tabelle auslesen und in andere Tabelle einfügen
Zweite Tonspur
php - Datenbankabfrage...die Zweite
PDF-Datei springt direkt auf zweite Seite,wieso?
|
|