mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 11:03 Benutzername: Passwort: Auto-Login

Thema: tabelle und divs die zweite.. vom 09.02.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> tabelle und divs die zweite..
Autor Nachricht
wandgucker
Threadersteller

Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 09.02.2005 15:15
Titel

tabelle und divs die zweite..

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 09.02.2005 15:44
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
wandgucker
Threadersteller

Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 09.02.2005 16:10
Titel

Antworten mit Zitat Zum Seitenanfang

bist ein schatz!!
zu blöd zum selbermachen...vielen vielen dank!
hab nicht mehr an die tabs gedacht..
  View user's profile Private Nachricht senden
 
Ähnliche Themen tabelle in divs
Tabelle durch DIVs ersetzen - wie?
Höhe aus Tabelle auslesen und in andere Tabelle einfügen
Tabelle in Tabelle ist 1 px größer O_o
Zweite Tonspur
php - Datenbankabfrage...die Zweite
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.