Ergebnis 1 bis 9 von 9

Thema: <div> Tag bei IE & Firefox

  1. #1
    Gast

    Standard <div> Tag bei IE & Firefox

    Hallo,

    ich versuche gerade 1 Webseite zu entwickeln mit HTML.
    Und mit folgendem Befehl versuche ich Bilder richtig zu positionieren:
    <div style="position:absolute; top:600px; left:870px; width:50%;"> </div>
    aber die Positionierung ist leider unter Netscape bzw. Firefox immer anders als unter IE!

    was ist da falsch??
    Weißt es jemand??

    Danke.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiserliche Hoheit
    Registriert seit
    15.07.2005
    Ort
    Hagen (NRW)
    Beiträge
    1.515
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das wird sehr Wahrscheinlich an dem Box Modell des IEs liegen, welches leider nicht der W3C konform entspricht.

    ich würde dir raten, das ganze über css klassen zu positionieren, dann kannst du für den IE den sog. Star Hack benutzen um die Positionierung für ihn umzuschreiben.

    Beispiel für einen star hack:

    Code:
    <style type="text/css">
      .schrift &#123;
        color&#58; blue;
      &#125;
      * html .schrift &#123;
        color&#58; red;
      &#125;
    </style>
    Code:
    <div class="schrift">Mozilla und andere Browser zeigen diesen Text in blau, nur der IE - der sieht lieber rot.</div>
    Zoggerforum.de Betreuer * Mod @ ibforen.de * Admin @ daoc-ds.de
    ICQ Nummer kann via PN erfragt werden

  3. #3
    Youngster
    Registriert seit
    02.08.2005
    Ort
    Berlin
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Vorsichtshalber immer

    Code:
    body
    &#123;
    padding&#58;0;
    margin&#58;0;
    &#125;
    setzen, da der IE andere default Einstellungen benutzt als z.b. Firefox und das bei div's manchmal sehr stressig sein kann.
    ---
    » Geh' weg, ick will zocken ! «
    --> www.lanparty-berlin.org

    Cisco-Seminare
    http://www.it-seminar24.de

  4. #4
    Gast

    Standard

    Hallo das hilft irgendwie nicht.

    Hier ist z.B mein Code

    Code:
    <div style="position&#58;absolute; top&#58;165px; left&#58;341px; width&#58;50%;" class="pos">
    [img]images/barre.jpg[/img]</div>
    und dieses Bild plaziert sich unter IE & Firefox unterschiedlich.
    Wie soll ich es mit csss machen?
    Zu hedges: Ich verstehe nicht so richtig was du mit deinem Vorschlag meinst.

    Danke.

  5. #5
    [sG|W00tkaeppi]
    Gast

    Standard

    Code:
    <div style="position&#58;absolute; top&#58;165px; left&#58;341px; width&#58;50%;" class="pos">
    [img]images/barre.jpg[/img]</div>
    Setze doch die Definition direkt ins Bild:

    Code:
    [img]images/barre.jpg[/img]

  6. #6
    Gast

    Standard

    Hallo,
    es gibt immer noch keine Änderung, wenn ich die Defintion in Bild setze. Die Positionierung ist immer noch deutlich unterschiedlich unter IE als unter Firefox oder Netscape!!!

    vinzi

  7. #7
    Youngster
    Registriert seit
    02.08.2005
    Ort
    Berlin
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    was genau ist denn unterschiedlich?

    kannst du ein bisschen mehr code posten... vielleicht liegt es an einem anderen element.

    p.s.ich würde dir empfehlen <body style="padding:0; margin:0;">
    weil nicht alle browser davon ausgehen und es dadurch zu verschiebungen kommen kann.
    ---
    » Geh' weg, ick will zocken ! «
    --> www.lanparty-berlin.org

    Cisco-Seminare
    http://www.it-seminar24.de

  8. #8
    Kaiser(in)
    Registriert seit
    03.06.2004
    Beiträge
    2.557
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @gast: du musst natürlich auch eine höhe und breite angeben!

  9. #9
    Gast

    Standard

    Hi,

    noch ma bitte.

    Wieso sieht dieser Code unter IE anders als unter Firefox z.B

    Code:
    <body style="padding&#58;0; margin&#58;0">
    
    
    
    <table width="900" rules="rows" cellpadding="0" cellspacing="0" align="center" border="0" width="100%">
      <tr>
        <th scope="col">[img]images/header_logo_links.gif[/img]</th>
        <th scope="col">[img]images/header_logo_rechts.gif[/img]</th>
        
      </tr>
      <tr bgcolor="#bfbfbf">
        <td></td>
        <td></td>
        
      </tr>
      <tr bgcolor="#bfbfbf">
        <td></td>
        <td></td>
        
      </tr>
        <tr bgcolor="#3f3f3f">
        <td></td>
        <td>
    	<table width="450" border="0" cellpadding="0" cellspacing="0">
      <tr>
      <td>[img]images/schnick.jpg[/img]</td>
        <td>[img]images/home_blau.jpg[/img]</td>
        
        <td>[img]images/pic_ueberuns_blau.jpg[/img]</td>
        <td>[img]images/pic_agb_blau.jpg[/img]</td>
        <td>[img]images/pic_impressum_blau.jpg[/img]</td>
        <td>[img]images/pic_kontakt_blau.jpg[/img]</td>
      </tr>
    </table>
    
    	
    	</td>
        
      </tr>
       <tr bgcolor="#3f3f3f">
        <td></td>
        <td></td>
        
      </tr>
        <tr bgcolor="#3f3f3f">
        <td></td>
        <td></td>
        
      </tr>
       <tr >
        <td>
    	
    	
    <table border="0" width=105>
      <tr>
        <td width="100%">[img]images/naviheader.gif[/img]</td>
    	<td> <p align="center"><font face="Tw Cen MT Condensed Extra Bold" size="5">Laptops</font></p></td>
    	
      <tr>
        <td width="100%">Handy</td>
      </tr>
      <tr>
        <td width="100%">Notebook</td>
      </tr>
      <tr>
        <td width="100%">Digitalkamera</td>
      </tr>
      <tr>
        <td width="100%">Camcorder</td>
      </tr>
      <tr>
        <td width="100%">Beamer </td>
      </tr>
      <tr>
        <td width="100%">Service</td>
      </tr>
    </table>
    
    
    
    	
    	
    	</td>
        <td></td>
        
      </tr>
        
    </table>
    <table class="position" align="center">
      <tr class="position">
        </td>
      </tr>
      
    </table>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <table width="900" border="0" align="center" bordercolor="#3f3f3f" cellpadding="0" cellspacing="0">
      <tr bgcolor="#3f3f3f">
        <td> Home</td>
        <td>Über uns</td>
        <td>Kontakt</td>
        <td>Impressum</td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </table>
    
    
    
    
    <div style="position&#58;absolute; top&#58;660px; left&#58;970px; width&#58;50%;">
    [img]images/speedservice.jpg[/img]</div>
    <div style="position&#58;absolute; top&#58;170px; left&#58;293px; width&#58;50%;">[img]images/barre.jpg[/img]</div>
    
    
    
    
    
    
                     
    </body>
    Was mache ich denn da mit dem <div> Tag falsch.

    Gibt es irgendeine andere alternative Bilder oder Elemente in HTML besser zu plazieren??

    Danke

Ähnliche Themen

  1. firefox
    Von wanka im Forum Computer - Internet Forum
    Antworten: 15
    Letzter Beitrag: 15.10.2006, 23:42
  2. Firefox
    Von Wanderer im Forum Computer - Internet Forum
    Antworten: 3
    Letzter Beitrag: 29.05.2006, 18:00
  3. Firefox
    Von pure im Forum Off Topic und Quasselbox
    Antworten: 11
    Letzter Beitrag: 20.04.2006, 10:46
  4. Firefox ok, IE???
    Von pure im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 19.12.2005, 19:31
  5. Firefox 1.5
    Von Ronald im Forum Computer - Internet Forum
    Antworten: 21
    Letzter Beitrag: 12.12.2005, 17:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •