Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [HTML] Tabellenspaltenausmaße (auch PHP, CSS) (https://www.gegen-bilderklau.net/thread.php?threadid=172218)
Geschrieben von brain_surgery am 02.06.2010 um 17:23:
Tabellenspaltenausmaße (auch PHP, CSS)
Hallo Leute!
Ich bin mir zwar sicher, dass es schon zig solche Threads gibt, aber die durchzulesen hat mir auch nicht weitergeholfen..D:
Ich habe eine CSS-Datei, in der Tabellen folgendermaßen formatiert werden:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
TABLE {
font-size: 13px;
font-family: verdana, sans-serif;
border-collapse: collapse;
text-overflow:ellipsis
-o-text-overflow: ellipsis;
overflow: hidden;
border-color: #000000;
} |
|
Die Tabelle selbst habe ich auch auf 900px bringen können mit width="900px". Allerdings wollte ich dann den Inhalt der Tabelle dynamisch befüllen (es soll ein Forum werden, wenn es fertig ist), aber ab dem Punkt wo alles in echo "xy"; steht, macht die Tabelle irgendwie, was sie will!
Die Struktur der Tabelle ist im Grunde so:
php: |
1:
2:
3:
4:
5:
6:
|
<table width="900px">
echo "<tr><td width="310px" rowspan=3>Hier ist ein Bild, das maximal 300px haben kann und ein bisschen kurzer Text, an dem kanns also glaub ich nicht liegen...</td></tr>
<tr><td height="50px">Text</td></tr>
<tr><td>Hier ist dann jede Menge Inhalt, diese Zeile soll eigentlich den Großteil der rechten Spalte ausmachen, tut sie aber nicht! Besonders in Opera ist sie die schmälste.</td></tr>
<tr><td height="90px">Buttons</td></tr>
</table>"; |
|
Die width- und height-Angaben funktionieren nur dann, wenns ihnen gefällt. Sogar meine Versuche, mit CSS-Klassen herumzuhantieren haben kein besseres Ergebnis gebracht. Bei Firefox ist die erste Spalte genauso wie bei Opera sture 450px breit, egal was ich mache. (Von IE fang ich lieber gar nicht an, aber der interessiert mich hier auch weniger.)
Kann mir irgendwer erklären, woran das liegen könnte, und wie man das richten kann?
Vielen Dank und liebe Grüße,
nat
Geschrieben von Thorim am 02.06.2010 um 17:39:
versteh nicht so wirklich was du haben willst, aber mit <tr>...</tr> machst du jedesmal eine neue Zeile in der Tabelle, von dem her müssten die 4 Zellen alle untereinander liegen
4 Zellen in einer Zeile sähe so aus
code: |
1:
2:
3:
4:
5:
6:
|
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
<td>Zelle 3</td>
<td>Zelle 4</td>
</tr> |
|
Geschrieben von brain_surgery am 02.06.2010 um 17:56:
Sorry, ich hab mich vielleicht unklar ausgedrückt. >>
Die Anordnung passt schon so, es sollen ja zwei Spalten nebeneinander sein, die linke mit nur einer Zeile und die rechte mit 3 Zeilen untereinander, aber die Breite und Höhe der einzelnen Tabellenteile wird nicht so angezeigt wie sie soll, sondern ist entweder größer, oder kleiner, oder irgendwie.
Das echo hab ich verwendet, weil da ja die Daten aus der Datenbank dann auch eingefüllt werden.
EDIT: Nochmal Klartext vom Klartext: Bei Firefox und Opera stimmt die Breite der linken Spalte nicht, bei Opera die Höhen der rechten Spalte.
Geschrieben von Thorim am 02.06.2010 um 18:23:
ah okay, müsste meiner Meinung nach aber dann so aussehen:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
|
<tr>
<td rowspan="3">Links</td>
<td>Rechts oben</td>
</tr>
<tr>
<td>Rechts mitte</td>
</tr>
<tr>
<td>Rechts unten</td>
</tr> |
|
omg, sry, das ich das jetzt erst seh, ist klar das die Angaben nicht gehen, weil sie alle ungültig sind
entweder
width="310" (html-attribut ohne px)
oder
style="width: 310px"; (CSS)
Geschrieben von brain_surgery am 02.06.2010 um 18:25:
Das macht Sinn D: (Habs manchmal nicht so mit der Logik >> )
Ich versuch es gleich mal!
EDIT: Hoplla, hab den Code oben falsch angegeben, in meiner Datei hab ichs aber eh genauso wie du das vorgeschlagen hast. *duck*
EDIT2: Ah, daran könne es liegen .o. Moment mal, ich probiers aus.
Geschrieben von Thorim am 02.06.2010 um 18:28:
also das mit der tr & td-aufteilung stimmt so, hab ich grad getestet
ansonssten das wirkliche haupt-problem siehe edit oben
nochmal edit:
im CSS-Part fehlt ein Semikolon
Geschrieben von brain_surgery am 02.06.2010 um 18:38:
So...Also, ich hab jetzt im HTML-Part die Angaben ohne px, aber das mit der Breite der ersten Spalte klappt immer noch nicht und die erste Zeile der rechten Spalte ist irgendwie niedriger als vorgesehen, während die dritte, also unterste, bei Firefox stimmt aber bei Opera riesengroß ist. D:
CSS hab ich auch ausgebessert, danke :3
Forensoftware: Burning Board, entwickelt von WoltLab GmbH