zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Opera (11.61) stellt meine Seiten VÖLLIG wirr dar...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.03.2012, 11:12
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Böse Opera (11.61) stellt meine Seiten VÖLLIG wirr dar...

Ich habe für ein OT-Studio eine kleine Ergänzungsseite für eine Show zusammengebaut, die im IE, FF und Chrome ziemlich gleich aussieht und vom W3C Markup Validation Service auch als "This document was successfully checked as XHTML 1.0 Transitional!" bestätigt wurde. Und zu meinen externen CSS-Dateien sagt der CSS Validation Service: "Dieses Dokument wurde als CSS level 2.1 validiert!"

trotzdem stellt Opera diese Seiten TOTAL chaotisch dar und ich kann den Grund nicht erkennen!?!
Hat jemand vielleicht eine Idee?

Zur Erklärung: Ja, es sind (noch) Tabellen als Layouthilfe verwendet, da ich einfach keine Möglichkeit gefunden habe, die Seite - wie sie ist - ohne Hacks, immensen Aufwand und unzählige Browserweichen so darzustellen, wie das mit den verwendeten Tabellen möglich ist. Gerne lasse ich mir aber Wege zeigen, auch diese Tabellen noch zu entfernen, wenn ich damit nicht auf diverse Dinge verzichten muss...
Und auch wenn einiges vielleicht überflüssig erscheinen mag, zuviele Farben und Hintergrundbilder eingesetzt wurden - der Seiteninhaber möchte es nunmal SO haben... .

Ok, habe noch 2 Screenshots angehängt und der XHTML-Code und die beiden CSS-Dateien folgen hier:

Seitenquelltext Startseite:
HTML-Code:
<?xml version='1.0' encoding='iso-8859-1'?>
<!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>
  <title>Bellydance Evolution von und mit Jillina - praesentiert vom Tanzstudio HAYAL - OrientalMoves</title>
  <meta name="title" content="Bellydance Evolution von und mit Jillina - praesentiert vom Tanzstudio HAYAL - OrientalMoves" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <meta name="description" content="Bellydance Evolution von und mit Jillina - praesentiert vom Tanzstudio HAYAL - OrientalMoves, index htm" />
  <meta name="abstract" content="bauchtanz, bauchtanz berlin, orientalischer tanz, tanzstudio berlin, bauchtanz unterricht, auftritt, tanzschule, amira almaas, index htm" />
  <meta name="keywords" content="bauchtanz, bauchtanz berlin, orientalischer tanz, tanzstudio berlin, bauchtanz unterricht, auftritt, tanzschule, amira almaas, index htm" />
  <meta name="author" content="Oliver Schramm" />
  <meta name="publisher" content="bauchtanz berlin amira almaas" />
  <meta name="copyright" content="bauchtanz berlin amira almaas" />
  <meta name="page-topic" content="Bellydance Evolution von und mit Jillina - praesentiert vom Tanzstudio HAYAL - OrientalMoves" />
  <meta name="audience" content="alle" />
  <meta name="date" content="2012-01-20T20:00:00+00:00" />
  <meta name="robots" content="index" />
  <meta name="robots" content="follow" />
  <meta name="revisit-after" content="7 days" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <link rel="shortcut icon" type="image/x-icon" href="bde.ico" />
  <meta http-equiv="expires" content="0" />
  <script type="text/javascript" src="js/bildanzeige.js"></script>
  <link rel="stylesheet" type="text/css" href="css/format.css" />
  <link rel="stylesheet" type="text/css" href="css/menue.css" />
</head>

<body>

<table id="tabelle" cellspacing="0" cellpadding="0">
<!-- Spaltenbreitendefinition -->
        <tr>
                <th style="width:22px"></th>
                <th style="width:10px"></th>
                <th style="width:*"></th>
                <th style="width:260px"></th>
                <th style="width:10px"></th>
                <th style="width:22px"></th>
        </tr>
<!-- Schattenrahmen oben -->
        <tr>
                <td id="s1"></td>
                <td id="s2" colspan="4"></td>
                <td id="s3"></td>
        </tr>
<!-- scharzer Rahmen oben und Schattenrahmen links und rechts -->
        <tr>
                <td id="s4" rowspan="6"></td>
                <td id="b1" colspan="4">&nbsp;</td>
                <td id="s6" rowspan="6"></td>
        </tr>
<!-- Kopfzeile und scharzer Rahmen links und rechts -->
        <tr>
                <td id="b2" rowspan="4"></td>
                <td id="kopf" colspan="2">BELLY DANCE EVOLUTION in BERLIN</td>
                <td id="b3" rowspan="4"></td>
        </tr>
        <tr>
<!-- linke Ueberschrift -->
                <td id="top1">
                HAYAL - ORIENTAL MOVES pr&auml;sentiert:<br /><br />
                &nbsp;&nbsp;&nbsp;&nbsp;BELLYDANCE EVOLUTION<br /><br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;von Jillina - Show am 29.05.2012 in Berlin
                </td>
<!-- rechte Seite Menue -->
                <td id="nav" rowspan="2">
                        <div id="menue1">
                                <ul>
                                        <li><a href="show.html" title="Show">BDE Show</a></li>
                                        <li><a href="workshops.html" title="Jillina Workshops">Jillina Workshops</a></li>
                                        <li><a href="hayal.html" title="HAYAL Pre-Show">HAYAL Pre-Show</a></li>
                                        <li><a href="tickets.html" title="Tickets">Tickets</a></li>
                                        <li><a href="http://www.hayal-orientalmoves.de/bauchtanz-berlin-kontakt/kontakt.html" title="Kontakt">Kontakt</a></li>
                                        <li><a href="http://www.hayal-orientalmoves.de/" title="Hayal-Orientalmoves">Hayal - Oriental Moves</a></li>
                                        <li><a href="http://www.hayal-orientalmoves.de/bauchtanz-berlin-kontakt/impressum.html" title="Impressum">Impressum</a></li>
                                </ul>
                        </div><br /><br /><br />
                        <div id="box">
                                <div class="box-text-fett">«<span style="box-text"> Love knows no bounds in this tale of murder and deceit where no one is who they seem. </span>»</div>
                        </div>
                </td>
        </tr>
<!-- linke Seite Inhalt -->
        <tr>
                <td id="top2">
                        <a href="images/bde-plakat.jpg" target="_blank"><img src="images/bde-plakat-klein.jpg" title="Bellydance Evolution Plakat" alt="Bellydance Evolution Plakat" style="width:750px; height:1056px; border:solid 1px #B0B9B9;" /></a>
                </td>
        </tr>
<!-- Fusszeile -->
        <tr>
                <td id="fuss" colspan="2">HAYAL - OrientalMoves - 10967 Berlin, K&ouml;rtestra&szlig;e 10</td>
        </tr>
<!-- schwarzer Rahmen unten -->
        <tr>
                <td id="b4" colspan="4">&nbsp;</td>
        </tr>
<!-- Schattenrahmen unten -->
        <tr>
                <td id="s7"></td>
                <td id="s8" colspan="4"></td>
                <td id="s9"></td>
        </tr>
</table>

</body>

</html>
CSS allgemein alle Seiten:
Code:
/* ========== Allgemeine Einstellungen ========== */
body 
{
 background-color: #383838;
 margin-top: 20px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 20px;
}

/* Tabellendesign */
#tabelle 
{
 margin-left: auto;
 margin-right: auto;
 table-layout: fixed;
 width: 1200px;
}

h2 
{
 color: #51605B;
 font-family: georgia,arial,helvetica,verdana,tahoma,sans-serif;
 font-size: 22px;
 letter-spacing: 2px;
 margin-bottom: 30px;
}

/* ========== Kopf ========== */
#kopf 
{
 background-color: silver;
 background-image: url(../images/navleiste.jpg);
 background-repeat: repeat-x;
 color: #000;
 font-family: georgia,arial,helvetica,verdana,tahoma,sans-serif;
 font-size: 17px;
 font-variant: small-caps;
 height: 40px;
 letter-spacing: 10px;
 line-height: 20px;
 text-align: center;
 vertical-align: middle;
 width: 100%;
}

/* ========== Mittelbereich ========== */
#top1 
{
 background-color: #181818;
 color: gray;
 font-family: georgia,arial,helvetica,verdana,tahoma,sans-serif;
 font-size: 22px;
 font-variant: small-caps;
 height: 40px;
 line-height: 20px;
 padding: 2em;
 text-align: left;
 vertical-align: top;
}

#top2 
{
 background-color: #181818;
 background-image: url(../images/background-top2.jpg);
 background-repeat: repeat-x;
 padding: 20px;
 text-align: center;
 vertical-align: top;
}

#textbox 
{
 background-color: #232323;
 background-image: url(../images/fv.jpg);
 background-repeat: repeat-x;
 color: #7d7d7d;
 font-family: arial,tahoma,verdana,helvetica,sans-serif;
 font-size: 17px;
 letter-spacing: 0px;
 line-height: 20px;
 padding: 1em;
 text-align: justify;
}

#nav 
{
 background-color: #333333;
 background-image: url(../images/nav.jpg);
 background-position: left top;
 background-repeat: repeat-x;
 border-left-color: #000;
 border-left-width: 1px;
 border-left-style: solid;
 margin: 0;
 padding: 0;
 text-align: left;
 vertical-align: top;
}

#box
{
 background-color: #1c1c1c;
 text-align: center;
 padding: 0.5em;
}

.box-text 
{
 color: gray;
 font-family: arial,tahoma,verdana,helvetica,sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 17px;
}

.box-text-fett 
{
 color: silver;
 font-family: georgia,serif;
 font-size: 14px;
 font-weight: bold;
 line-height: 17px;
}

.copyright 
{
 color: silver;
 font-family: georgia,serif;
 font-size: 9px;
 line-height: 17px;
}

.preshow 
{
 color: silver;
 font-family: georgia,serif;
 font-size: 16px;
}


/* ========== Fussbereich ========== */
#fuss 
{
 background-color: silver;
 background-image: url(../images/navleiste.jpg);
 background-repeat: repeat-x;
 color: #000;
 font-family: georgia,arial,helvetica,verdana,tahoma,sans-serif;
 font-size: 14px;
 font-variant: small-caps;
 height: 40px;
 letter-spacing: 10px;
 line-height: 20px;
 text-align: center;
 vertical-align: middle;
 width: 100%;
}

/* ========== Schatten um Hauptbereich ========== */
#s1 
{
 background-image: url(../images/1.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 height: 22px;
 width: 22px;
 border-width: 0px;
 border-style: solid;
 border-color: #eee;
}

#s2 
{
 background-image: url(../images/2.jpg);
 background-repeat: repeat-x;
 background-position: left top;
 height: 22px;
 width: 100%;
}

#s3 
{
 background-image: url(../images/3.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 height: 22px;
 width: 22px;
}

#s4 
{
 background-image: url(../images/4.jpg);
 background-repeat: repeat-y;
 background-position: left top;
 height: 100%;
 width: 22px;
}

#s6 
{
 background-image: url(../images/6.jpg);
 background-repeat: repeat-y;
 background-position: left top;
 height: 100%;
 width: 22px;
}

#s7 
{
 background-image: url(../images/7.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 height: 22px;
 width: 22px;
}

#s8 
{
 background-image: url(../images/8.jpg);
 background-repeat: repeat-x;
 background-position: left top;
 height: 22px;
 width: 100%;
}

#s9 
{
 background-image: url(../images/9.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 height: 22px;
 width: 22px;
}

/* ========== schwarzer Rand um Hauptbereich ========== */
#b1 
{
 background-color: #000;
 line-height: 10px;
} 

#b2 
{
 background-color: #000;
 width: 10px;
}

#b3 
{
 background-color: #000;
 width: 10px;
}

#b4 
{
 background-color: #000;
 line-height: 10px;
}
CSS Menü rechts:
Code:
/* ===== menue in spalte rechts ===== */
#menue1 ul, #menue1 li 
{
 color: #000;
 list-style-type: square;
 margin-left: 15px;
 padding: 0px;
}

#menue1 a, #menue1 a:visited , #menue1 a:active 
{
 border-bottom-color: #5d5d5d;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 color: #7d7d7d;
 display: block;
 font-family: arial,tahoma,verdana,helvetica,sans-serif;
 font-size: 17px;
 height: 40px;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 10px;
 line-height: 40px;
 padding-left: 10px;
 padding-right: 10px;
 text-decoration: none;
 text-align: left;
}

#menue1 a:hover 
{
 background-color: #373737;
 border-bottom-color: #000;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 color: #fff;
 text-decoration: none;
 }

/* ===== allgemeine links im text ===== */
a:link, a:visited, a:active 
{
 color: #7d7d7d;
 font-size: 17px;
 font-family: arial,tahoma,verdana,helvetica,sans-serif;
 line-height: 20px;
 text-decoration: underline;
}

a:hover 
{
 background-color: #7d7d7d;
 color: #eee;
 text-decoration: none;
 text-decoration: none;
}
Angehängte Grafiken
Dateityp: jpg BDE-FF.jpg (102,8 KB, 15x aufgerufen)
Dateityp: jpg BDE-OPERA.jpg (83,3 KB, 14x aufgerufen)
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.03.2012, 11:50
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Was sagt die Fehlerkonsole?
Auch die in Opera zeigt z.b. CSS Fehler an. Das kann sehr hilfreich sein oft mehr als ein Validator.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.03.2012, 12:06
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Was sagt die Fehlerkonsole?
Auch die in Opera zeigt z.b. CSS Fehler an. Das kann sehr hilfreich sein oft mehr als ein Validator.
Hmmm, musste erstmal danach suchen, aber offenbar kennt Opera diese Tabellenspaltenbreitendefinition nicht... - siehe Anhang...
Aber wie erreicht man, dass die Spalten IMMER diesen vorgegebenen Breiten entsprechen, ohne diese Definition?!?!
Habe es ursprünglich mal ohne probiert, aber dann kan echtes Chaos raus - FF & Chrome haben - MIR völlig unverständlicherweise - die obere schwarze Spalte immer mit nem Zeilenumbruch dargestellt, die schwarzen Spalten rechts und links waren mal schmaler, mal breiter, je nach Bildschirmgröße usw...
Irgendwann war das die letzte Lösung, die mir einfiel und siehe da, FF, Chrome & IE machten plötzlich das, was sie sollten...

Klar, es ist keine perfekt saubere XHTML-CSS-Lösung, aber ich habs einfach nicht hinbekommen

Aber danke erstmal für den Tipp, auch wenn ich erstmal noch keine Lösung dafür habe...
Angehängte Grafiken
Dateityp: jpg OPERA-Fehlerkonsole.jpg (95,6 KB, 14x aufgerufen)
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus
Mit Zitat antworten
  #4 (permalink)  
Alt 07.03.2012, 12:10
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

benutze CSS zur Gestaltung, kein Tabellendesign. Dann hat man solche Problem nicht.

gruß,
take
Mit Zitat antworten
  #5 (permalink)  
Alt 07.03.2012, 12:49
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Daumen runter sehr hilfreich, danke

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Moin,
benutze CSS zur Gestaltung, kein Tabellendesign. Dann hat man solche Problem nicht.
gruß,
take
Ganz ehrlich, nimms mir nicht übel, aber WER LESEN KANN...

Wenn ich es mit CSS hinbekommen HÄTTE, HÄTTE ich es getan, aber da nunmal JEDER Browser sein eigenes Süppchen kocht, ist der Aufwand es in allen genau SO darzustellen immens dafür, dass ich es umsonst mache und DU wirst mir vermutlich auch keine CSS-Lösung erstellen wollen, die in alen Browsern genau SO aussieht, wie jetzt, mit den "verhassten" Tabellen im FF/IE/Chrome oder?

Daher MUSSTE ich nunmal Tabellen benutzen und hättest Du meinen Text und die Erklärungen gelesen, wäre Dir das eventuell auch aufgefallen...

Ehrlich, ich finde es einfach zum K... wenn einem immer solche Sprüche reingewürgt werden: Nimm CSS, dann hast Du diese Probleme nicht...

DOCH, dann habe ich noch viel mehr Probleme!!! Weil DER Browser das nicht kann, DER Browser macht es etwas anders, DIESER Browser hat nen Bug und braucht dafür nen Hack...

Warum sind denn selbst riesige Webportale und andere Seiten immer wieder mit Tabellen zu finden, wenn CSS doch SOO einfach und perfekt ist, wie einige immer sagen? Ich kann nunmal nicht einfach davon ausgehen, dass alle NUR immer die aktuellsten Browser benutzen, außer vielleicht in der Webdesigner-Szene, aber DIE bediene ich hiermit nunmal nicht.
Also wenn Ihr mir helfen wollt, freue ich mich über JEDE Hilfe und danke Euch sehr dafür, aber nicht ständig solche nutzlosen Sprüche!
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus
Mit Zitat antworten
  #6 (permalink)  
Alt 07.03.2012, 12:57
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Das führt zu nichts und ich empfehle, nochmal "für Fragende, für Antwortende" zu lesen.

Zitat:
Die Frage etwa, wie man die Breite einer Tabelle per CSS einstellt, ist mit dem Hinweis, dass man dafür schon gar keine Tabelle nehme, nicht beantwortet, und führt auch nicht zur Ankunft des Semantischen auf Erden.
Code:
<span style="box-text">
ist, wie die Fehlerkonsole richtig sagt, falsch. Das ist eine Klasse bei dir.

Code:
style="width:*"
das Sternchen ist kein gültiger Wert für width. Lass diese style-Angabe ganz weg.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
  #7 (permalink)  
Alt 07.03.2012, 13:20
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von IChao Beitrag anzeigen
Das führt zu nichts und ich empfehle, nochmal "für Fragende, für Antwortende" zu lesen.
Okaaaay

Zitat:
Code:
<span style="box-text">
ist, wie die Fehlerkonsole richtig sagt, falsch. Das ist eine Klasse bei dir.
Hmm, aber was daran ist falsch? Für mich sieht es korrekt aus, also zumindest isses grundsätzlich CSS 2.1 konform - falsch "verschachtelt"?
Wobei diese Vererbungsgeschichten eh irgendwie unklar bleiben
Aber das betrifft auch nur einen kleinen Text am rechten Rand, das wäre nicht so tragisch...

Zitat:
Code:
style="width:*"
das Sternchen ist kein gültiger Wert für width. Lass diese style-Angabe ganz weg.
...und was stattdessen? Ohne werden die Spalten 1,2,4,5 leider total zerstört und mit CSS bekomme ich sie auch nicht an die gewünschte Stelle, bzw. in die gewünschte Breite - zumindest nicht mit allen Browsern...
Bilde mir ein, das "*" so mal in selfhtml gelesen zu haben?!?!
Gibts vielleicht nen CSS-konformen "Befehl", der jede Tabellenspalte fest definiert und EINE variabel lässt? Habe irgendwie keinen gefunden bisher...

Jedenfalls: Danke erstmal für die Tipps...


Nachtrag:
Habs mal testweise geändert in

Code:
<!-- Spaltenbreitendefinition -->
        <tr>
                <th style="width:22px"></th>
                <th style="width:10px"></th>
                <th>&nbsp;</th>
                <th style="width:260px"></th>
                <th style="width:10px"></th>
                <th style="width:22px"></th>
        </tr>
Das Ergebnis bleibt leider das Gleiche
Interessanterweise wird jetzt nur noch box-text als Fehler moniert, aber die Tabelle wird trotzdem ignoriert, zumindest die eine spezielle Spalte...
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus

Geändert von spezies-8472 (07.03.2012 um 13:35 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 07.03.2012, 13:32
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

box-text ist eine Klasse, also gehört es in ein class Attribut. Wenn du die Angabe width:* komplett weg läßt geht es nicht?
Mit Zitat antworten
  #9 (permalink)  
Alt 07.03.2012, 13:42
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
box-text ist eine Klasse, also gehört es in ein class Attribut. Wenn du die Angabe width:* komplett weg läßt geht es nicht?
Hab ich gerade probiert - sowohl mit & nbsp ;, als auch ganz ohne Inhalt, wie bei den anderen th's - die rechte Spalte wird immer auf 100% der "freien" Fläche ausgedehnt...
vermutlich muss ich tatsächlich nur für Opera nen festen Wert angeben

das mit der Klasse: habe ich mal geändert, aber dann stellt Opera den Text anders dar, aber ändern tut sich trotzdem nix??!!
Aber der Text sieht dann so aus, wie ich ihn nicht haben will...
Ich sehe schon, ich muss die ganzen CSS-Dateien nochmal von Grund auf neu erstellen, weil sich da offenbar ungewollt irgendwas "vererbt", was ich nach wie vor nicht wirklich durchschaue...
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.03.2012, 14:01
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Standard

OK, den "Breitenfehler" habe ich beheben können, indem ich statt

Code:
<!-- Spaltenbreitendefinition -->
        <tr>
                <th style="width:22px"></th>
                <th style="width:10px"></th>
                <th style="width:*"></th>
                <th style="width:260px"></th>
                <th style="width:10px"></th>
                <th style="width:22px"></th>
        </tr>
jetzt neu

Code:
<!-- Spaltenbreitendefinition -->
        <tr>
                <th style="width:22px"></th>
                <th style="width:10px"></th>
                <th style="width:800px"></th>
                <th style="width:260px"></th>
                <th style="width:10px"></th>
                <th style="width:22px"></th>
        </tr>
eingetragen habe - jetzt stellt auch Opera die Seiten korrekt dar... aber das bedeutet ja auch, dass variable Spalten bei Opera nicht machbar sind?!?

Bleibt noch das "Klassenproblem"... Darstellung in allen Browsern so, wie ich es möchte, solange ich es FALSCH mache - sobald ich den Fehler behebe, ist die Darstellung nicht mehr so, wie gewünscht...
Aber das sind sicher diese Vererbungsregeln, die ich nicht durchsteige...
Na ja, irgendwann mal vielleicht...

Danke für Eure Hilfe!!
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, darstellungsfehler, opera, xhtml transitional

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Opera stellt Seite falsch dar Rezneuk CSS 3 17.03.2009 00:18
Opera stellt 100% gar nicht oder "zu hoch" dar creeker CSS 20 22.01.2008 14:08
Anfänger: Opera stellt ungewollte Lücken dar djan CSS 2 21.10.2007 22:34
Opera stellt Rand zu groß dar TobStro CSS 0 24.10.2006 22:02
xhtml validator error doni (X)HTML 40 17.09.2004 06:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:58 Uhr.