tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
8
ZUGRIFFE
231
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 19.05.07 13:13 #1
    sadi sadi ist offline Mitglied Silber
    Registriert seit
    May 2004
    Beiträge
    81
    Hallo auch,
    ich habe ein kleines Problem mit der Größenformatierung von Tabellen. Ich baue dynamisch mehrere Tabellen im Hintergrund auf, welche auf "display: none" gestellt sind. Die Tabellen sind in einem Div eingebettet. Über einen Button (display: block) mache ich das Div samt einer Tabelle sichtbar. Diese Tabelle ist auf display: block gestellt. Leider ist nun die Breite der Tabelle nicht mehr 100% so breit wie das DIV, sondern so breit wie der Text es in den Zellen hergibt. Liegt das an der Definition als Block und kann man was dagegen machen?

    Gruß

    Sascha
     
  2. 19.05.07 13:31 #2
    Maik Tutorials.de Gastzugang
    Hi,

    gibt es vielleicht einen Link zu der Problemseite?
     
  3. 19.05.07 14:46 #3
    sadi sadi ist offline Mitglied Silber
    Registriert seit
    May 2004
    Beiträge
    81
    Leider gibts da nix online, aber ich habe mal ein screenshot angehangen. Die Tabelle rechts sollt eigentlich über die gesamte Breite gehen.
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Block unterbindet Größenformatierung-screen.jpg  
     
  4. 19.05.07 14:48 #4
    Maik Tutorials.de Gastzugang
    Besitzt denn die Tabelle auch die Breitenangabe width="100%" bzw. style="width:100%"?
     
  5. 19.05.07 15:16 #5
    sadi sadi ist offline Mitglied Silber
    Registriert seit
    May 2004
    Beiträge
    81
    Ja, tut sie.
     
  6. 19.05.07 15:19 #6
    Maik Tutorials.de Gastzugang
    Vielleicht hilft es, wenn du die Tabelle(n) nicht mit display:block formatierst?
     
  7. 19.05.07 17:33 #7
    sadi sadi ist offline Mitglied Silber
    Registriert seit
    May 2004
    Beiträge
    81
    Ich habe es schon mit dem visible Attribut versucht. Bei dieser Variante wird zwar die Tabelle ausgeblendet, allerdings nimmt sie dennoch den Platz ein, sodass ein leerer Bereich entsteht.
     
  8. 19.05.07 17:39 #8
    Maik Tutorials.de Gastzugang
    Zeig doch mal den vollständigen Quellcode (HTML + CSS) der Seite.
     
  9. 19.05.07 18:47 #9
    Maik Tutorials.de Gastzugang
    In diesem Beispiel behält die Tabelle ihre 100%-Breite:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="michaelsinterface">
<title></title>
 
<script type="text/javascript">
<!--
function ShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.display == 'block'){
    obj[id].style.display = 'none';
    }
    else {
    obj[id].style.display = 'block';
    }
}
//-->
</script>
 
<style type="text/css">
<!--
table,td {
border:1px solid #000;
border-collapse:collapse;
}
 
table {
width:100%;
}
 
#box {
display:none;
}
-->
</style>
 
</head>
<body>
 
<a href="#" onclick="ShowHide('box')">ShowHide Box</a>
<div id="box">
     <table>
            <tr><td>dummy text</td><td>dummy text</td><td>dummy text</td><td>dummy text</td></tr>
     </table>
</div>
 
</body>
</html>
     
« Fehlerhafte Dartstellung bei transparenten PNG´s im IE | Anzeige bei Überlappung im IE? »

Ähnliche Themen

  1. With Block
    Von exiter28 im Forum .NET Windows Forms
    Antworten: 1
    Letzter Beitrag: 03.07.09, 13:19
  2. Meta-Tag unterbindet transformierte HTML-Anzeige in JEditorPane
    Von lockenator im Forum Java
    Antworten: 0
    Letzter Beitrag: 10.07.07, 12:44
  3. DIV-Block
    Von Lenox im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 15.05.07, 20:48
  4. Leerzeile nach Formular, style:display:inline unterbindet background-color
    Von Aser im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 12.09.06, 15:55
  5. Brauche Hilfe bei Projekt! End if -Block ohne If-Block | dabei alles vorhanden!
    Von daDom im Forum Visual Basic 6.0
    Antworten: 4
    Letzter Beitrag: 26.11.03, 13:21