zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Alternativelösung für position im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.10.2009, 16:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2009
Beiträge: 3
Yanko befindet sich auf einem aufstrebenden Ast
Standard Alternativelösung für position im IE

Ich habe ein änliches "fenster" wie auf dem angehängten screen

Im FF past alles aber im IE wird es nicht als "Fenster" angezeigt sondern einfach in der tabelle und noch der abstand durch left und top(sieht also blöd aus)

PHP-Code:
//...
echo '<td>';
echo  
'<div id="info_ruestung_'.$row->id.'" class="info_ruestung_'.$row->id.'" style="background: url(../image/info_bg.png) no-repeat; width: 450px; height: 350px; padding: 35px; padding-top: 25px; position: absolute; left: 400px; top:150px; z-index: 1000;">';// Definiert Fenster
echo '<h3>'.$row2->name.'</h3>';//Titel
echo '<img src="../image/delete.png" border="0" style="position: relative;left: 380px;top: -60px;" class="delete_ruestung_'.$row->id.'" />';//Close button
echo '<table>
     <tr valign="top">
      <td><img src="../image/ruestung_big/'
.$row2->bild.'" border="0" /></td>
      <td width="300px">'
.$row2->info.'<br /><br /></td>
     </tr>
    </table>'
;//Inhalt des fensters

echo '</div>';//Fensterende
echo 'Viel Text und noch der button zum öffnen';
echo 
'</td>'
Das ganze öffnet sich mit jquery:

HTML-Code:
<script type="text/javascript">
                    $(document).ready(function(){
                      $(".info_ruestung_<?php echo $row->id; ?>").hide();
                      $(".bild_ruestung_<?php echo $row->id; ?>").click(function(){
                        $(".info_ruestung_<?php echo $row->id; ?>").show("slow");
                      });
                      $(".delete_ruestung_<?php echo $row->id; ?>").click(function(){
                        $(".info_ruestung_<?php echo $row->id; ?>").hide("slow");
                      });
                      window.document.getElementById('info_ruestung_<?php echo $row->id; ?>').style.left=(Weite-450)/2+"px";// mittige Weite
                      window.document.getElementById('info_ruestung_<?php echo $row->id; ?>').style.top=(Hoehe-350)/2+"px"; // mittige höhe
                    });
                   </script>
Ist mein ansatz überhaupt richtig oder soll ich es so vergessen und komplett anders machen?

Brauche keinen komplettencode von euch sondern nur nen denkanstoß oder n link zu nem tut oder thread mit selbigem problem + lösung
Angehängte Grafiken
Dateityp: jpg screen.jpg (57,5 KB, 10x aufgerufen)

Geändert von Yanko (19.10.2009 um 16:57 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.10.2009, 16:45
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

CSS Werte für Maße oder Positionen brauchen immer eine Einheit (ausser null), woher soll der Browser Wissen was du meinst?

EDIT: Das sagt FF üblicherwiese auch in der Fehlerkonsole.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.10.2009, 16:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2009
Beiträge: 3
Yanko befindet sich auf einem aufstrebenden Ast
Standard

Das ist ja nicht das problem

Code:
IE:

____________
|Tabbelle
|       _______
|      |Fenster
|      |

FF:

  ________
_|Fenster|______
||_______|        |
|Tabelle          |
|                 |
Im FF richtet sich das Fenster am body-tag
Im IE an der Tabelle
Mit Zitat antworten
  #4 (permalink)  
Alt 19.10.2009, 18:43
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

Wie gesagt, die Browser erraten die Position, bzw. welche Einheit du meinst. Wenn du die Seite im Standard Mode anzeigen läßt, sollten sie Werte ohne Einheit einfach ignorieren.
Mit Zitat antworten
  #5 (permalink)  
Alt 20.10.2009, 10:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2009
Beiträge: 3
Yanko befindet sich auf einem aufstrebenden Ast
Standard

Meinst du das mit einheiten einfügen??

Code:
window.document.getElementById('info_ruestung_
<?php echo $row->id; ?>').style.top=(Hoehe-350)/2+"px";
wenn ja es hat nix gebracht
Mit Zitat antworten
Antwort

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
Div-Anordnung unterschiedlich - Warum? AndMei CSS 2 15.12.2010 21:22
div-höhe? - Hauptcontainer über ganze Seite will nicht... AndMei CSS 5 13.12.2010 14:43
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 14:30
Was übersehe ich? Psyclown CSS 2 19.10.2008 13:00
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 14:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:07 Uhr.