Tabellenkonflikt bei Ebene

samedia · 28.08.2007, 13:26

Hallo liebes Forum..

Mit Firefox und Opera sieht meine Site tatsächlich gleich viel besser aus..
Die Ebene mit automatischem Überlauf wird korrekt dargestellt.
ABER.. wenn ich gedacht habe alle Probleme wären nun beseitigt.. habe ich mich offensichtlich getäuscht.

Der komplette Tabellenaufbau hat eine Größe von 850 x 537 pixeln
Die Zelle mit der Ebene ist 716 x 457 pixel groß.
Die Ebene selber ist ebenfalls mit 716 x 457 pixeln definiert.
Mein Problem nun:
Ohne die Ebene, die Texte und Bilder aufnehmen soll, ist der Tabellenaufbau noch völlig korrekt..
Sobald ich eine Ebene in die vorgesehene Zelle einfüge bekomme ich einen Tabellenkonflikt angezeigt (siehe Bild "Tabellenkonflikt") Klicke ich auf den rot markierten Wert für die Zellenhöhe, zeigt er mir anstatt 457 jetzt plötzlich 467 Pixel an.
Gleichzeitig wird für die Tabellenzeile direkt darunter (blauer Balken mit Adresse) im Inspektor plötzlich die Höhe mit autom. angezeigt, obwohl diese vorher mit einer festen größe definiert war.
Lösche ich die Ebene wieder, wird auch die Tabelle wieder ohne Tabellenkonflikt angezeigt.
Wäre toll, wenn mir jemand sagen könnte wo der Fehler steckt.
Vielleicht sehe ich ja auch vor lauter Wald die Bäume nicht..
Lieben Dank für jede Hilfe..
Gruß Simone

Ich habe hier mal den Quelltext der Seite zur Ansicht kopiert:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>komplett aufbau</title>
<link href="grschule.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css" media="screen"></style>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csimport user="../web-data/Komponenten/menue.html" occur="88">
<csactiondict>
<script type="text/javascript"></script>
</csactiondict>
</csimport>
<csactiondict>
<script type="text/javascript"></script>
</csactiondict>
<csimport user="../web-data/Komponenten/menue_oben_wir.html" occur="56">
<link href="grschule.css" rel="stylesheet" type="text/css" media="all">
</csimport>
</head>

<body onload="preloadImages();" bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="850" border="0" cellspacing="0" cellpadding="0" height="537">
<tr align="center" valign="top" height="22">
<td rowspan="4" align="left" valign="top" width="134"><csobj h="537" occur="88" t="Component" w="134" csref="../web-data/Komponenten/menue.html">
<table width="134" border="0" cellspacing="0" cellpadding="0" height="537">
<tr>
<td><img src="images/grschule_menue_zl1.gif" alt="" height="22" width="134" border="0"></td>
</tr>
<tr>
<td><img src="images/grschule_menue_zl2.gif" alt="" height="92" width="134" border="0"></td>
</tr>
<tr>
<td><a onmouseover="changeImages('grschule_menue_wir','images/grschule_menue_wirMO.gif');return true" onmouseout="changeImages('grschule_menue_wir','images/grschule_menue_wir.gif');return true" href="#"><img id="grschule_menue_wir" src="images/grschule_menue_wir.gif" alt="" name="grschule_menue_wir" height="50" width="134" border="0"></a></td>
</tr>
<tr>
<td><a onmouseover="changeImages('grschule_menue_term','images/grschule_menue_termMO.gif');return true" onmouseout="changeImages('grschule_menue_term','images/grschule_menue_term.gif');return true" href="#"><img id="grschule_menue_term" src="images/grschule_menue_term.gif" alt="" name="grschule_menue_term" height="50" width="134" border="0"></a></td>
</tr>
<tr>
<td><a onmouseover="changeImages('grschule_menue_info','images/grschule_menue_infoMO.gif');return true" onmouseout="changeImages('grschule_menue_info','images/grschule_menue_info.gif');return true" href="#"><img id="grschule_menue_info" src="images/grschule_menue_info.gif" alt="" name="grschule_menue_info" height="50" width="134" border="0"></a></td>
</tr>
<tr>
<td><img src="images/grschule_menue_zl6.gif" alt="" height="50" width="134" border="0"></td>
</tr>
<tr>
<td><a onmouseover="changeImages('grschule_menue_kont','images/grschule_menue_kontMO.gif');return true" onmouseout="changeImages('grschule_menue_kont','images/grschule_menue_kont.gif');return true" href="#"><img id="grschule_menue_kont" src="images/grschule_menue_kont.gif" alt="" name="grschule_menue_kont" height="48" width="134" border="0"></a></td>
</tr>
<tr>
<td><a onmouseover="changeImages('grschule_menue_impr','images/grschule_menue_imprMO.gif');return true" onmouseout="changeImages('grschule_menue_impr','images/grschule_menue_impr.gif');return true" href="#"><img id="grschule_menue_impr" src="images/grschule_menue_impr.gif" alt="" name="grschule_menue_impr" height="50" width="134" border="0"></a></td>
</tr>
<tr>
<td><a onmouseover="changeImages('grschule_menue_home','images/grschule_menue_homeMO.gif');return true" onmouseout="changeImages('grschule_menue_home','images/grschule_menue_home.gif');return true" href="#"><img id="grschule_menue_home" src="images/grschule_menue_home.gif" alt="" name="grschule_menue_home" height="46" width="134" border="0"></a></td>
</tr>
<tr>
<td><img src="images/grschule_menue_zl10.gif" alt="" height="21" width="134" border="0"></td>
</tr>
<tr>
<td><img src="images/grschule_menue_zlblau.gif" alt="" height="27" width="134" border="0"></td>
</tr>
<tr>
<td><a onclick="changeImages('grschule_menue_email','(EmptyReference!)');" onmouseover="changeImages('grschule_menue_email','images/grschule_menue_emailMO.gif');return true" onmouseout="changeImages('grschule_menue_email','images/grschule_menue_email.gif');return true" href="#"><img id="grschule_menue_email" src="images/grschule_menue_email.gif" alt="" name="grschule_menue_email" height="31" width="134" border="0"></a></td>
</tr>
</table>
</csobj></td>
<td align="center" valign="top" width="716" height="22" background="images/blindgif_dklorange.gif"><csobj h="22" occur="56" t="Component" w="716" csref="../web-data/Komponenten/menue_oben_wir.html">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#ff9900" background="images/blindgif_dklorange.gif" height="22">
<tr height="22">
<td align="center" valign="middle" height="22"><a class="komponentenlink" href="thema_2.html">[</a><a class="komponentenlink" href="thema_1.html">schulische Schwerpunkte</a><a class="komponentenlink" href="thema_2.html">] </a></td>
<td align="center" valign="middle" height="22"><a class="komponentenlink" href="thema_2.html">[das Kollegium] </a></td>
<td align="center" valign="middle" height="22"><a class="komponentenlink" href="thema_3.html">[unsere Klassen] </a></td>
<td align="center" valign="middle" height="22"><a class="komponentenlink" href="thema_4.html">[Projekte] </a><a class="komponentenlink" href="thema_4.html"></a></td>
<td align="center" valign="middle" height="22"><a class="komponentenlink" href="thema_5.html">[Zertifizierung] </a></td>
</tr>
</table>
</csobj></td>
</tr>
<tr height="457">
<td align="left" valign="top" width="716" height="457">
<div id="Ebenetext">
Speedy aardvarks gossips, 
 
although umpteen fountains drunkenly sacrificed the partly putrid pawnbroker. One purple orifice telephoned Kermit, but five schizophrenic wart hogs annoyingly sacrificed one Jabberwocky, and Batman ran away mostly quickly, although Klingons drunkenly towed five almost quixotic tickets, even though progressive trailers quickly sacrificed the purple orifices. One mat bought umpteen dwarves. 
Dan gossips lamely, however Batman untangles Santa Claus, then five silly mats gossips noisily. 
Phil towed trailers. One botulism tickled five extremely angst-ridden pawnbrokers. 
One bureau marries theaa speedy subways. 
Dogs cleverly tickled the silly chrysanthemums, although five angst-ridden dogs comfortably auctioned off quite progressive mats, even though Kermit noisily towed two mostly purple wart hogs, yet five schizophrenic bureaux sacrificed the irascible cats. Two Macintoshes bought extremely bourgeois orifices. 
Umpteen mostly silly televisions partly quickly marries two speedy aardvarks. Bourgeois poisons towed two mats. 
Umpteen Macintoshes sacrificed the speedy poison. Two fountains tastes one silly Klingon. Five speedy fountains grew up, even though two silly bureaux slightly cleverly perused the bourgeois chrysanthemums. Santa Claus marries Darin. 
Two mostly putrid subways perused Mercury. 
One poison ran away quite lamely, however five subways fights umpteen poisons, although one quixotic bureau telephoned Minnesota. 
Umpteen speedy sheep laughed. Botulisms kisses one quixotic poison, but five dogs perused umpteen trailers, because five irascible chrysanthemums grew up partly noisily, but Mercury towed one wart hog. Umpteen dwarves quite quickly tastes five silly cats. Kermit towed the almost speedy fountain. One Klingon gossips easily, because Phil lamely telephoned the lampstand, even though schizophrenic dogs extremely quickly abused five Macintoshes, however umpteen lampstands gossips, although irascible Macintoshes slightly drunkenly abused five partly angst-ridden aardvarks, because two poisons tickled one subway, but the lampstands annoyingly sacrificed one chrysanthemum. Five cats towed obese aardvarks. Springfield easily tickled umpteen progressive sheep. 

Speedy aardvarks gossips, 
 
although umpteen fountains drunkenly sacrificed the partly putrid pawnbroker. One purple orifice telephoned Kermit, but five schizophrenic wart hogs annoyingly sacrificed one Jabberwocky, and Batman ran away mostly quickly, although Klingons drunkenly towed five almost quixotic tickets, even though progressive trailers quickly sacrificed the purple orifices. One mat bought umpteen dwarves. 
Dan gossips lamely, however Batman untangles Santa Claus, then five silly mats gossips noisily. 
Phil towed trailers. One botulism tickled five extremely angst-ridden pawnbrokers. 
One bureau marries theaa speedy subways. 
Dogs cleverly tickled the silly chrysanthemums, although five angst-ridden dogs comfortably auctioned off quite progressive mats, even though Kermit noisily towed two mostly purple wart hogs, yet five schizophrenic bureaux sacrificed the irascible cats. Two Macintoshes bought extremely bourgeois orifices. 
Umpteen mostly silly televisionsTwo dogs noisily towed Mercury, however umpteen angst-ridden aardvarks lamely bought orifices. 
Umpteen sheep auctioned off two subways, yet the aardvarks almost comfortably towed quixotic chrysanthemums. 
Two progressive lampstands kisses five obese dogs. Umpteen trailers drunkenly perused five bourgeois fountains, and umpteen aardvarks bought one extremely obese sub 
ssips lamely, however Batman untangles Santa Claus, then five silly mats gossips noisily. 
Phil towed trailers. One botulism tickled five extremely angst-ridden pawnbrokers. 
One bureau marries theaa speedy subways. 
Dogs cleverly tickled the silly chrysanthemums, although five angst-ridden dogs comfortably auctioned off quite progressive mats, even though Kermit noisily towed two mostly purple wart hogs, yet five schizophrenic bureaux sacrificed the irascible cats. Two Macintoshes bought extremely bourgeois orifices. 
Umpteen mostly silly televisions partly quickly marries two speedy aardvarks. Bourgeois poisons towed two mats. 
Umpteen Macintoshes sacrificed the speedy poison. Two fountains tastes one silly Klingon. Five speedy fountains grew up, even though two silly bureaux slightly cleverly perused the bourgeois chrysanthemums. Santa Claus marries Darin. 
Two mostly putrid subways perused Mercury. 
One poison ran away quite lamely, however five subways fights umpteen poisons, although one quixotic bureau telephoned Minnesota. 
Umpteen speedy sheep laughed. Botulisms kisses one quixotic poison, but five dogs perused umpteen trailers, because five irascible chrysanthemums grew up partly noisily, but Mercury towed one wart hog. Umpteen dwarves quite quickly tastes five silly cats. Kermit towed the almost speedy fountain. One Klingon gossips easily, because Phil lamely telephoned the lampstand, even though schizophrenic dogs extremely quickly abused five Macintoshes, however umpteen lampstands gossips, although irascible Macintoshes slightly drunkenly abused five partly angst-ridden aardvarks, because two poisons tickled one subway, but the lampstands annoyingly sacrificed one chrysanthemum. Five cats towed obese aardvarks. Springfield easily tickled umpteen progressive sheep. 
Two dogs noisily towed Mercury, however umpteen angst-ridden aardvarks lamely bought orifices. 
Umpteen sheep auctioned off two subways, yet the aardvarks almost comfortably towed quixotic chrysanthemums. 
Two progressive lampstands kisses five obese dogs. Umpteen trailers drunkenly perused five bourgeois fountains, and umpteen aardvarks bought one extremely obese sub
</div>
<img src="images/grschule_backgr.gif" alt="" height="457" width="716" border="0"></td>
</tr>
<tr>
<td width="716"><img src="images/grschule_blk_unt_adr.gif" alt="" height="27" width="716" border="0"></td>
</tr>
<tr height="31">
<td width="716" height="31"><img src="images/grschule_innen_zl4ora.gif" alt="" height="31" width="716" border="0"></td>
</tr>
</table>
</body>

</html>

MatthiasG · 28.08.2007, 17:06

Hallo,

für was benötigst Du die Ebenen? Schreib doch deine Texte in die Zellen der Tabelle. Das Hintergrundbild würde ich auch als Hintergrund der Tabelle zuweisen.
Vielleicht hilfts a weng
Gruß
Matthias

UweB · 29.08.2007, 07:23

Hallo Simone,
wenn ich deinen Quelltext richtig lese, hat die Ebene überhaupt keine Größe. Dafür teilt sie sich aber die Zelle mit einer Grafik von 457x716 px.

Gruß
Uwe

samedia · 29.08.2007, 08:45

Hallo Matthias und Uwe

Danke für eure Hinweise und Ratschläge.

@Matthias
Die Ebene benötige ich um den sehr umfangreichen Text unterzubringen, und den überlauf dann per scrollbalken lesbar zu machen.

@Uwe
Jetzt verstehe ich ehrlich gesagt überhaupt nichts mehr.
Wie meinst du das denn..?
"wenn ich deinen Quelltext richtig lese, hat die Ebene überhaupt keine Größe. Dafür teilt sie sich aber die Zelle mit einer Grafik von 457x716 px."

Das verwirrt mich jetzt völlig..
Die Tabellenzelle enthält ein Hintergrundbild ("grschule_backgr.gif")
In/Auf dieser Tabellenzelle liegt die Ebene ("Ebenetext") definiert über ein externes stylesheet ("grschule.css"). (siehe Anhang "css-Einstellung")
Das funktioniert ja auch alles soweit (siehe Anhang "Musterseite")

UweB · 29.08.2007, 10:43

Hallo Simone,
da "Textebene" auch im Quellcode definiert wir,

Code:

<style type="text/css" media="screen"><!--#Ebenetext { }--></style>

bin ich nicht darauf gekommen, dass es in der externen Datei noch einmal verändert wird.
Das geht natürlich.
Das Bild ist aber nicht als Hintergrund eingebunden, sondern stellt den eigentlichen Inhalt der Zelle da.
Da die Ebene aber absolut positioniert ist ( das konnte ich allein am Quellcode vorher nicht sehen ), legt sie sich über das Bild, als wäre es ein Hintergrundbild. Sinnvoller wäre es, das Bild tatsächlich als Hintergrund der Ebene einzubinden.
Der von dir genannte Fehler tritt meiner Meinung nach nur in der GoLive Layout-Ansicht auf. Hier wird offenbar die absolute Ebene falsch dargestellt.
Im Browser ( FF2, IE7, Oper9 ) scheint es bei mir zu stimmen.

Gruß
Uwe

samedia · 29.08.2007, 11:35

Hallo Uwe,

habe für die Seiten mit einem ext. Stylesheet gearbeitet.
Als ich die Ebene dann einsetzte, wurde automatisch ein zusätzliches internes Stylesheet angelegt.
Ich war mir nicht ganz sicher, ob es überhaupt funktioniert gleichzeitig mit einem externen und einem internen Stylesheet zu arbeiten (?), deshalb habe ich die Ebenendefinition ins externe Stylesheet übertragen und im internen gelöscht. Allerdings ist mir noch nicht ganz klar, ob ich (wenn ich die Seite einfach als Vorlage für die anderen Seiten benutze und mit jeweils anderem Namen sichere) auf jeder Seite auch den Namen der Ebene ändern muss..?

Jetzt aber zurück zum eigentlichen Problem:
Du hast Recht.. das Bild in der Zelle auf der die Ebene liegt, habe ich als Grafik ganz normal eingebunden. Habe angenommen, das ist ok so, da ja die Ebene sozusagen wie eine "Folie" darüber liegt.
Habe ich dich richtig verstanden.., ich soll die Abbildung lieber als Hintergrund zuweisen..?
Und: Macht es einen Unterschied, ob ich die Abb. der Tabellenzelle als Hintergrund zuweise oder direkt der Ebene?
(Sorry, für die vielleicht blöden Fragen)

Ausserdem..
Von der bescheidenen Layout-Ansicht mal abgesehen..
sieht die Seite in der Browseransicht auch ganz ok aus..
Aber.. was mich so irritiert ist der angezeigte Tabellenkonflikt im Inspektor (habe das Fenster noch mal angehängt) Die festgelegte Zellenhöhe von 457 Pixeln ist hier rot markiert.. und wenn man darauf klickt zeigt er einen Wert von 467 Pixeln an.

An dieser Stelle auch noch mal lieben Dank, für deine Hilfe.

Gruß Simone

UweB · 29.08.2007, 12:04

Hallo Simone,
wenn du das Bild aus der Zelle entfernst wirst du sehen, dass der "Fehler" im Inspector weg ist. GoLive verrechnet sich da einfach, bzw. übersieht, dass Bild und Ebene übereinander liegen.
Wie du das Bild einbindest, ist letztlich deine Entscheidung. Alle drei Möglichkeiten haben das gleiche Aussehen. Ich würde es, rein Gefühlsmäßig, als Hintergrund der Ebene nehmen, da es eben genau den Hintergrund der Ebene darstellen soll.

Gruß
Uwe

samedia · 29.08.2007, 12:42

Hallo Uwe

dann werde ich mich mal daran machen und die Abbildung auf allen Seiten als Hintergrundabbildung anlegen. Wäre im Leben nicht darauf gekommen, das GoLive ein Problem damit hat. Danke für diese prompte Lösung meines Problems!

Vielleicht hast du ja auch noch Zeit und Lust mir etwas was zu den internen/externen Stylesheets zu sagen..
- kann man gleichzeitig interne und externe Stylesheets bei einer Seite verwenden? (oder ist es sogar Vorteilhaft für jede Seite ein internes Stylesheet für die Ebenendefinitionen zu verwenden?

und:
- wenn ich eine Seite mit Ebene als Vorlage benutze.. diese kopiere, umbenenne und die Texte in der Ebene einfach mit anderern Inhalten überschreibe.. muss ich dann den Ebenen in jeder Seite unterschiedliche Namen geben..? Sonst würde ja auf jeder Seite die Ebene immer "Ebenetext" heissen.

Ich kann mit dieser Frage natürlich auch gerne einen neuen Thread eröffnen, da sie eher indirekt etwas mit meinem ursprünglichen Problem zu tun hat.
Gruß Simone

UweB · 29.08.2007, 13:21

Hallo Simone,
natürlich kannst du gleichzeitig mit internen und externen Stylesheets arbeiten,
auch mehrere externe sind eher der Normalfall. Bei Überschneidungen gilt in der Regel das Letzte eingebundene. Du kannst also z.B. in einer externen Datei alles allgemein für alle Seiten festlegen, und dann später einzelne Definitionen für eine Seite ändern.
Wenn du eine Seite als Vorlage ( oder z.B. als GoLive-Musterseite ) benutzt, solltest du die Ebenennamen (IDs) nicht verändern. Nur so kannst du doch mit einer externen CSS-Datei für alle Seiten arbeiten. Warum sollte ein Name nicht in mehreren Seiten vorkommen dürfen? Nur innerhalb einer Seite müssen Namen einmalig sein.

Gruß
Uwe

samedia · 29.08.2007, 13:40

Hallo Uwe

Danke auch für diese Information.
Denke, jetzt kann ich meine Site ohne weitere Komplikationen fertig stellen.
Das Problem mit dem Tabellenkonflikt hat sich übrigens sofort in Luft aufgelöst nachdem ich die Abbildung als Hintergrundabbildung definiert habe..

Wünsche allen einen schönen Tag
Gruß
Simone

Tabellenkonflikt bei Ebene

Jetzt versteh ich gar nix mehr..

Danke!