[Errox]

Hey

Ich hab' da so ein Problem. Und zwar funktionukeln meine Tabellen in einem accordion-div-tag nicht mehr.
In meinem accordion_content-div-tag befindet sich eine Tabelle, sie ist 100% breit und eine Zeile hoch. Außerdem hat sie zwei Spalten.


<table width="100%" border="0" align="center" valign="left" cellpadding="0" cellspacing="0">
<tr>
<td>Content goes here.</td>
<td>Content goes here.</td>
</tr>
</table>


So viel dazu.
Dummer Weise ist jedoch aus der 2. Spalte eine 2. Zeile geworden - und ich weiß nicht warum!
Ich vermute es liegt an den div-containern, aber in den Sheets habe ich nichts gefunden, was einem Befehl ähnelt, der dafür sorgt, aus Spalten Zeilen zu machen. Zudem bin ich auch nicht zufällig auf den Auslöser gestoßen, als ich 60 Minuten lang, verdächtigen Befehl, für verdächtigen Befehl entfernt und getestet habe.
Um aber nunmal zu veranschaulichen, was schief läuft, hier zwei links.

-> So soll es sein und so gebe ich es ein.
-> Aber so sieht es letztendlich aus.

Wenn einer das Problem kennt, oder eine Vermutung hat, was ich falsch mache, wo ich es falsch mache, kann auch gerne die Indexdatei inkl. CSS-Datei von mir zugeschickt bekommen.

MfG Errox

[edit by grunge: verschoben von programmierung nach allgemeines - nonprint]

[theGRUNGEone]

den tabellen eine feste breite geben würde ich jetzt mal spontan sagen...

[m]

[Errox]

Gute Idee theGRUNGEone, hatte ich auch schon. Dann habe ich eine Tabelle - xyBreit - mit zwei Zeilen.

m, durch das Accodion-Prinzip verzichte ich vollkommen auf html-Dokumente pro Seite, d.h. ich habe eine Datei in der sich alle ''Seiten'' befinden. Getrennt davon habe ich noch eine große CSS-Datei. Das ganze zu posten würde sehr platzfressend und unübersichtlich sein.
Ich kann mir auch nicht die bestimmten Quellquodezeilen rausschneiden, da sich dann immer noch ein ellen langer Text ergibt.
Dennoch poste ich einfach mal einen Stück vom ganzen Kuchen:

HTML-Codes

<div id="vertical_container">
<h1 class="accordion_toggle">» Willkommen bei Foto Schacht</h1>
<div class="accordion_content">
<h2>Catching the Moments</h2>
<p>Content goes here.</p>
</div>

<h1 class="accordion_toggle">» Das Team</h1>
<div class="accordion_content">
<table width="600px" border="3" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>Content goes here.</td>
<td>Content goes here.</td>
</tr>
</table>

<h2>Teamwork als Antrieb</h2>
<p>Content goes here.</p>
</div>

<h1 class="accordion_toggle">» Unser Service</h1>
<div class="accordion_content">

<h2>Shootings der Superlative</h2>
<p>Content goes here.</p>
</div>

<h1 class="accordion_toggle">» Die Galerie</h1>
<div class="accordion_content">

<h2>Einzigartige Referenzen</h2>
<p>Content goes here.</p>
<div id="horizontal_container">
<div id="vertical_nested_container" >

<h3 class="vertical_accordion_toggle">Auge - Sehen heißt glauben(?)</h3>
<div class="vertical_accordion_content">
<img src="images/galery/pic001.jpg" border="0" />
</div>

<h3 class="vertical_accordion_toggle">Title goes here.</h3>
<div class="vertical_accordion_content">
<p>Content goes here.</p>
</div>

<h3 class="vertical_accordion_toggle">Title goes here.</h3>
<div class="vertical_accordion_content">
<p>Content goes here.</p>
</div>

<h3 class="vertical_accordion_toggle">Title goes here.</h3>
<div class="vertical_accordion_content">
<p>Content goes here.</p>
</div>

<h3 class="vertical_accordion_toggle">Title goes here.</h3>
<div class="vertical_accordion_content">
<p>Content goes here.</p>
</div>
</div>
</div>
</div>

<h1 class="accordion_toggle">» Impressum</h1>
<div class="accordion_content">
<h2>Haftungsausschuss</h2>
<p>Content goes here.</p>

<h2>Copyright</h2>
<p>Content goes here.</p>


<h2>Disclaimer</h2>
<p>Content goes here.</p>
</div>
</div>


CSS-Codes


/* Acordion Styles */
.accordion_toggle {
display: block;
height: 30px;
width: 880px;
background: #555555;
padding: 0 10px 0 10px;
line-height: 30px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
outline: none;
font-size: 14px;
color: #000000;
border-bottom: 1px solid #000000;
cursor: pointer;
margin: 0 0 0 0;
}
.accordion_toggle_active {
background: #888888;
color: #FFFFFF;
border-bottom: 1px solid #000000;
}
.accordion_content {
background-color: #FFFFFF;
color: #333333;
overflow: hidden;
}
.accordion_content h2 {
margin: 15px 0px 5px 10px;
color: #FF8800;
}
.accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}
.vertical_accordion_toggle {
display: block;
height: 30px;
width: 600px;
background: #555555;
padding: 0 10px 0 10px;
line-height: 30px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #000000;
border-bottom: 1px solid #FFFFFF;
cursor: pointer;
margin: 0 0 0 0;
}
.vertical_accordion_toggle_active {
background: #888888;
color: #FFFFFF;
}
.vertical_accordion_content {
background-color: #FFFFFF;
color: #333333;
overflow: hidden;
}
.vertical_accordion_content h2 {
margin: 15px 0px 5px 10px;
color: #FF8800;
}
.vertical_accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}
.horizontal_accordion_toggle {
float: left;
display: block;
height: 250px;
width: 20px;
background: #555555;
color: #FFFFFF;
text-decoration: none;
outline: none;
border-right: 1px solid #FFFFFF;
cursor: pointer;
margin: 0px 0px 20px 0px;
}
.horizontal_accordion_toggle_active {
background: #888888;
border-right: 1px solid #FFFFFF;
}
.horizontal_accordion_content {
height: 250px;
float: left;
overflow: hidden;
background-color: #FFFFFF;
color: #333333;
}
.horizontal_accordion_content p {
width: 450px;
line-height: 150%;
padding: 5px 10px 15px 10px;
}

/* Container Styles */
#horizontal_container {
margin: 20px auto 20px auto;
width: 680px;
}
#vertical_nested_container {
margin: 0px auto 0px auto;
width: 620px;
}


/edit: Mir eben mal aufgefallen, wo ich diese Thema erstellt habe.

[m]

Auf Anhieb kann ich da nichts entdecken. Ist es möglich dass die Tabellenzellen mit einer display
block Eigenschaft versehen sind?

Ansonsten wäre es gut wenn du das ganze einfach mal online stellen könntest dann kann man sich
das genauer ansehen und hat auch wirklich alle nötigen Informationen.

[Errox]

Hier hast'e!
Unter ''Das Team'' ist das Problem veranschaulicht. Hoffe das hilft.
Die CSS-Datei zu öffnen dürfte wohl kein Problem sein, dennoch hier der Link.

[m]

Wie vermutet sind die Tabellenzelle mit display: block; versehen

[Errox]

Hö?
Die haben doch weder id noch style sheet. Wie schalte ich das denn dann aus?