mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 15:04 Benutzername: Passwort: Auto-Login

Thema: [CSS] Panorama-Applet verdrängt Text nicht richtig vom 22.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Panorama-Applet verdrängt Text nicht richtig
Autor Nachricht
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Mo 22.10.2007 10:52
Titel

[CSS] Panorama-Applet verdrängt Text nicht richtig

Antworten mit Zitat Zum Seitenanfang

Hi Leute.

Ich baue gerade an einer Probeseite bei der ich eine Panorama-JS-Funktion mit einpflegen soll.
Die Funktion funktioniert. Nur wird der Div-Container mit dem Text, der unter dem Applet stehen soll, beim IE nicht nach unten verdrängt sondern er fliesst rechts vorbei.

Wenn ich in den Container von dem Applet ein Bild statt der Funktion mache, wird der Text-Container richtig verdrängt.

Ich weiß nicht woran das liegt und verzweifel hier gerade.

Wäre super, wenn jemand ne Idee hätte woran das liegen könnte.

Hier die URL: Panorama

Das HTML:
Code:
<!-- start container -->
    <div id="container">
   
     
<!-- start content Main -->       
         <div id="mainContent">       


<!-- start content Text -->       
         <div id="mainText">
           <applet

code      = "com.easypano.tw.TWViewer.class"

codebase  = "."

name      = "TWViewer"

width     = "606"

height    = "320"

hspace    = "0"

vspace    = "0"

align     = "left"

mayscript = "true"

archive   = "twviewer.jar" id="TWViewer"

>
            <param name = "iniFile" value = "Config_halle_1.txt" />
            <param name = "skin.bgcolor" value = "255, 255, 255" />
            <param name = "skin.waitingimg" value = "Skin/wartebild.jpg" />
            <param name = "skin.archive" value = "Skin_halle_1.zip" />
            <param name = "skin.archive.itemnum" value = "11" />
            <param name = "progress.color" value = "127, 127, 127" />
            <param name = "progress.bounds" value = "25, 132, 364, 5" />
            <param name = "comappletname" value = "UserApplet1" />
          </applet>
           <!-- end content Text -->
      </div>
       
<!-- start content Interaktiv -->       
         <div id="mainText">
           <h1>H1-Text<br />
          <span class="unter">Unter</span></h1>
               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. </p>
              <p>Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. </p>
                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>

<!-- end content Text -->
      </div>

       
<!-- end content Main -->
      </div>   

<!-- bereinigen -->       
       <br class="clearfloat" />
       
<!-- end container -->
    </div>
     



Das CSS:
Code:
/* Hauptcontainer */   
    #container {
       width: 1024px; 
       background: #FFFFFF;
       margin: 0 auto; /* Durch automatische Raender (in Verbindung mit einer Breite) wird die Seite zentriert. */
       text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
   


/* Haupt Main */
    #mainContent {
        margin: 0 228px 0 190px;
       padding: 0;
    }
         
/* Haupt Text */
    #mainText {
        margin: 0;
       padding: 0;
      margin-bottom:15px;
      margin-top:10px;
    }
   
   #mainText h1 {
      font-size: 11px;
    }
   
   #mainText .unter {
      font-size: 10px;
    }
   


# edith, dastef, 071022 #
Sorry aber bevor's hier missverständnisse gibt: Java != Javascript, gemeint ist ein Java Applet.


Zuletzt bearbeitet von dastef am Mo 22.10.2007 11:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Mo 22.10.2007 11:15
Titel

Antworten mit Zitat Zum Seitenanfang

Versuchs mal mit Display:block

und du hast zwei mal die
Code:
<div id="mainText">
verwendet ID sind aber nur EINmalig erlaubt
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Mo 22.10.2007 11:20
Titel

Antworten mit Zitat Zum Seitenanfang

Habs geändert. Macht aber keinen Unterschied.

Hab mal getestet, wenn ich das JS_Applet einfach nur in ne 100%-Breite Tabelle setze, würde es gehen. Ist aber natürlich nicht die schönste Lösung.
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Mo 22.10.2007 12:26
Titel

Antworten mit Zitat Zum Seitenanfang

Anti78 hat geschrieben:
Habs geändert. Macht aber keinen Unterschied.


Also Online ist das noch nicht da stehen bei mir noch immer 2 mal die Gleiche ID Online.


Versuch sonst mal dem Applet Container ne Feste Größe zu geben und vielleicht mal ne Margin nach unten mitzugeben.

PS. Vieleicht ist Whitespace nen versuch Wert.
http://www.css4you.de/Texteigenschaften/white-space.html

Is etwas schwer das hier Lokal zu Testen ^^"


Zuletzt bearbeitet von Mark-Korb am Mo 22.10.2007 12:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
die.anna

Dabei seit: 02.08.2005
Ort: Kiel
Alter: 40
Geschlecht: Weiblich
Verfasst Mo 22.10.2007 13:04
Titel

Antworten mit Zitat Zum Seitenanfang

Was passiert denn, wenn du dem div in dem deine Panoramafunktion ist nen float left oder right (da komm ich immer durch einander) gibts?
  View user's profile Private Nachricht senden
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Mo 22.10.2007 13:08
Titel

Antworten mit Zitat Zum Seitenanfang

So, ist aktualisiert.

Das mit dem float habe ich schon probiert. Macht keinen Unterschied.

Feste Breite habe ich auch schon probiert. Macht auch keinen Unterschied.

Und das mit Whitespace. Hm. Mal schauen
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 22.10.2007 13:12
Titel

Antworten mit Zitat Zum Seitenanfang

Mark-Korb hat geschrieben:
PS. Vieleicht ist Whitespace nen versuch Wert.
http://www.css4you.de/Texteigenschaften/white-space.html


*ha ha*

Mark-Korb hat geschrieben:
Is etwas schwer das hier Lokal zu Testen ^^"


*ha ha*



align="left" des applets entfernen.


Zuletzt bearbeitet von m am Mo 22.10.2007 13:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Mo 22.10.2007 13:17
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
align="left" des applets entfernen.




AAaaargghhh

Jetzt funzt es. So en Schei....!!!

Wieder mal typisch Betriebsblind.

Vielen Dank. * Applaus, Applaus *
  View user's profile Private Nachricht senden
 
Ähnliche Themen Panorama-Applet
Panorama Applet mit Lightbox
Applet unter div container?
Java Applet in Multibox integrieren möglich?
Java-Script oder Applet gesucht !!!!
Panorama
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.