HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - position absolute in einer Tabelle

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

position absolute in einer Tabelle
Gehe zu Seite 1, 2  Weiter
 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 14.08.2006 12:00:03    Titel: position absolute in einer Tabelle Antworten mit Zitat

Trotz 3-stündiger Bastelei habe ich den Fehler einer *.psd nicht ausmerzen können, der mir einen dunklen Streifen (1px) auf einer Seite, die ich gerade baue, produziert. (table in table) Nun wollte ich den einfachen Weg gehen und den Spalt mit einem Hintergrundstreifen abdecken. Die Position absolute bekomme ich aber nur hin, wenn sie sich am Browserfenster orientiert. Dummerweise verschiebt sich das Teil aber dann bei Änderung der Auflösung. Ich weiß, dass es die Möglichkeit gibt, die Grafik innerhalb einer Tabelle absolut festzulegen, wenn diese als Elternelement festgelegt ist. Aber wie geht das...?
Bütte, bütte - Hilfe!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 14.08.2006 20:48:35    Titel: Antworten mit Zitat

probier es mal mit position:relative oä.

MfG Kambfhase
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 15.08.2006 08:48:50    Titel: Antworten mit Zitat

Bei relative rutscht das Objekt ganz nach unten und interessiert sich nicht für meine Festlegungen.
Wenn ich das richtig verstanden habe, ist absolute schon richtig, muss aber in der Lage nach der Tabelle definiert werden. Dazu muss aber die Tabelle das Rootelement der Grafik sein, deren Lage ich bestimmen will. Nur - wie lege ich ein Rootelement fest. Hab schon alles mögliche probiert.

Das Ganze ist eine table in table-Konstruktion und die Grafik soll an der inneren Tabelle fest definiert sein. Die äußere Tabelle ist flexibel und passt sich an die Bildschirmauflösung an.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 15.08.2006 09:08:28    Titel: Antworten mit Zitat

wenn es mit relative nicht geht, probieren wir mal was anderes. zB. kannst du in die Tabelle einen <div> stecken und den mit padding bzw. margin( ich kann mir immer nicht merken was was ist...) formatieren und ihm als hintergrund XY zuweisen. du kannst auch der Tabellenzelle den Hintergrund XY zu weisen und repeat: no setzen. bei mir hatte es mit dem <div> eigentlich ganz gut geklappt.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 15.08.2006 09:39:43    Titel: Antworten mit Zitat

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 15.08.2006 10:26:53    Titel: Antworten mit Zitat

du musst nur noch sagen worauf genau wir achte sollen, bei mir sieht es eigentlich gelungen aus.
ich nutzt FireFox neueste version.

das mit dem link ist ein kleiner bug, vllt kommt das wieder...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 15.08.2006 10:37:24    Titel: Antworten mit Zitat

Wenn du das Browserfenster auf der deutschen "Home"-Seite verkleinerst, schiebt sich ein schmaler Streifen nach rechts in den dunklen Hinterund. Bei einer größeren Auflösung ist es umgekehrt.
Das ist so nicht gewollt. Lässt sich nur bei einer Fixierung des Streifens, gemessen an der inneren Tabelle, vermeiden.
Momentan ist der Streifen innerhalb des Browserfensters fixiert und führt zu dem ungewünschten Effekt.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
l-roy
Häufiger Poster


Anmeldungsdatum: 14.02.2006
Beiträge: 64

BeitragVerfasst am: 15.08.2006 17:36:52    Titel: Antworten mit Zitat

Arbeite vielleicht erst einmal die Fehler ab, besonders diejenigen, die mit tr, td und table zu tun haben.

Code:
Zeile 1 Zeichen 1 - Warnung: missing <!DOCTYPE> declaration
Zeile 55 Zeichen 1 - Warnung: discarding unexpected </center>
Zeile 53 Zeichen 1 - Warnung: missing </h1> before <table>
Zeile 60 Zeichen 1 - Warnung: missing <tr>
Zeile 60 Zeichen 1 - Warnung: discarding unexpected <table>
Zeile 61 Zeichen 2 - Warnung: missing <td>
Zeile 190 Zeichen 1 - Warnung: discarding unexpected </table>
Zeile 192 Zeichen 1 - Warnung: missing <tr>
Zeile 192 Zeichen 1 - Warnung: discarding unexpected <table>
Zeile 193 Zeichen 1 - Warnung: missing <td>
Zeile 193 Zeichen 21 - Warnung: entity "&nbsp" doesn't end in ';'
Zeile 196 Zeichen 21 - Warnung: entity "&nbsp" doesn't end in ';'
Zeile 197 Zeichen 22 - Warnung: entity "&nbsp" doesn't end in ';'
Zeile 200 Zeichen 1 - Warnung: discarding unexpected </table>
Zeile 52 Zeichen 1 - Warnung: missing </center>
Zeile 63 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 65 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 69 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 74 Zeichen 5 - Warnung: <img> lacks "alt" attribute
Zeile 76 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 78 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 82 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 87 Zeichen 5 - Warnung: <img> lacks "alt" attribute
Zeile 89 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 91 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 95 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 97 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 101 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 106 Zeichen 5 - Warnung: <img> lacks "alt" attribute
Zeile 108 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 110 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 114 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 119 Zeichen 5 - Warnung: <img> lacks "alt" attribute
Zeile 124 Zeichen 5 - Warnung: <img> lacks "alt" attribute
Zeile 126 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 130 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 132 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 136 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 138 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 142 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 147 Zeichen 5 - Warnung: <img> lacks "alt" attribute
Zeile 149 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 151 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 155 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 157 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 161 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 163 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 165 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 167 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 169 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 171 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 173 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 175 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 177 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 179 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 181 Zeichen 4 - Warnung: <img> lacks "alt" attribute
Zeile 187 Zeichen 1 - Warnung: <img> lacks "alt" attribute
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 15.08.2006 17:47:33    Titel: Antworten mit Zitat

Dank dir für deinen Tipp. ;o)


Alles, was ab Zeile 60 kommt, ist nicht auf meinem Mist, sondern dem von Photoshop gewachsen. Hab auch schon einige Eingriffe versucht, bin aber immer daran gescheitert, dass dann alles zerhackschnitzelt wird. Ãœber dem Ganzen vom PS steht außerdem ein Javascript (Zeilen 10-48 )....

Der von mir geschriebene Quelltext steht ab Zeile 184.
Und unter 186 findest du die bewusste Grafik. Hab es mit einem kleinen Beschreibungstext versehen.

Nu bin ich natürlich keinen Schritt weiter.
Es muss doch jemanden geben, der mir erklären kann, wie man ein Root-Element definiert und entsprechend die Grafik einbindet...?!


Zuletzt bearbeitet von Uups am 15.08.2006 17:57:00, insgesamt einmal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 15.08.2006 17:55:35    Titel: Antworten mit Zitat

Hab noch einmal verglichen. Hast du meinen originalen Quelltext überprüfen lassen?
Wundert mich bissel - ich denk mal, du bist über deinen eigenen Editor gegangen. Der hat einiges weggeschnipselt. Die Erscheinung hatte ich schon desöfteren. Ich arbeite übrigens schlicht und ergreifend mit Proton31. Da sieht man eigentlich jeden Fehler - besonders solche groben. Und der Firefox verzeiht auch sehr wenig.
***
Nun habe ich noch den Quelltext der Photoshop-Grafik durchgesehen. Alles in Ordnung. Da fehlt nix. Ich hab beim Auswerfen des Quelltextes vergessen, die Standard-Einstellung wegzunehmen. In meiner pers. Einstellung kommen die Werte in " ". Das kann schon zu falschen Rückschlüssen führen. Bissel doof - beide Varianten in einem Text, aber ist wohl eher ein Schönheitsfehler, oder...?!
Die fehlenden Alternativtexte sollten uns wohl nicht irritieren, da das ganze Bild gesliced ist. Das würde ein heilloses Durcheinander gebenund macht keinen Sinn.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
l-roy
Häufiger Poster


Anmeldungsdatum: 14.02.2006
Beiträge: 64

BeitragVerfasst am: 15.08.2006 19:01:53    Titel: Antworten mit Zitat

Mal davon ab, dass tabellenbasiertes Layout leicht out of date ist: warum machst du nicht eine große Tabelle aus dem ganzen, was dein Problem lösen sollte. Die Grafik steht zwischen zwei Tabellen von gleicher Breite mit gleichem Hintergrund.
Also warum zwei Tabellen, wo eine ausreichen sollte?
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 15.08.2006 19:20:37    Titel: Antworten mit Zitat

Die beiden Tabellen ergeben sich daraus, dass der Hintergrund der Grafik sich aus ´zig gifs zusammensetzt, während der Hintergrund der unteren Tabelle ein schmaler Streifen des oberen ist, der sich in y verlängert. Vor diesen kann ich meinen Text in HTML variabel einbauen. In der oberen Tabelle geht das nicht. Da muss ich bei jeder Textänderung einen Haufen Sims machen.
Den Hintergrund kann ich auch besser im table-tag definieren. Im tr ist bissel schlecht, oder...?
Normal müsste das ja auch funktionieren - wie im englischen "home" zu sehen ist. Das Ganze ist ja mehr oder weniger ne Verlegenheitslösung, damit ich nicht alles wieder umschmeißen muss und trotzdem meinen Ansprüchen gerecht werde.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 18.08.2006 07:31:52    Titel: Antworten mit Zitat

Scheinbar gibt es auf meine einfache Frage keine Antwort. Der Weg ist klar - mir fehlt nur ein Beispiel.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
admin
Site Admin


Anmeldungsdatum: 16.01.2005
Beiträge: 323
Wohnort: Berlin

BeitragVerfasst am: 18.08.2006 10:11:36    Titel: Antworten mit Zitat

background-position: 0px 0px;

alertnativ mit x/y: http://www.html-world.de/program/css_11.php#background-position-xundbackground-position-y


und dazu ein background-repeat:no-repeat;
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen MSN Messenger
Uups
Häufiger Poster


Anmeldungsdatum: 14.08.2006
Beiträge: 19

BeitragVerfasst am: 18.08.2006 14:47:57    Titel: Antworten mit Zitat

Oh ... *froi*
Das wär mal ein Ansatz. Ist mir zwar noch nicht schlüssig, wie das gehen soll, aber ich probiere es auf jeden Fall aus. Smile
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Gehe zu Seite 1, 2  Weiter
Seite 1 von 2

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.