<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.

Modula

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 {
    color: blue;
  }
  * html .schrift {
    color: red;
  }
</style>

Code

<div class="schrift">Mozilla und andere Browser zeigen diesen Text in blau, nur der IE - der sieht lieber rot.</div>

hedges

Vorsichtshalber immer

Code

body
{
padding:0;
margin:0;
}

setzen, da der IE andere default Einstellungen benutzt als z.b. Firefox und das bei div's manchmal sehr stressig sein kann.

Hallo das hilft irgendwie nicht.

Hier ist z.B mein Code

Code

<div style="position:absolute; top:165px; left:341px; width: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.

[sG|W00tkaeppi]

Code

<div style="position:absolute; top:165px; left:341px; width:50%;" class="pos">
[img]images/barre.jpg[/img]</div>

Setze doch die Definition direkt ins Bild:

Code

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

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

hedges

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.

Rocco

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

Hi,

noch ma bitte.

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

Code

<body style="padding:0; margin: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>[url='index.html'][img]images/home_blau.jpg[/img][/url]</td>

    <td>[url='ueberuns.html'][img]images/pic_ueberuns_blau.jpg[/img][/url]</td>
    <td>[url='agb.html'][img]images/pic_agb_blau.jpg[/img][/url]</td>
    <td>[url='impressum.html'][img]images/pic_impressum_blau.jpg[/img][/url]</td>
    <td>[url='kontakt.html'][img]images/pic_kontakt_blau.jpg[/img][/url]</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">[b]Laptops[/b]</font></p></td>

  <tr>
    <td width="100%">[url='handy.html']Handy[/url]</td>
  </tr>
  <tr>
    <td width="100%">[url='notebook.html']Notebook[/url]</td>
  </tr>
  <tr>
    <td width="100%">[url='kanera.html']Digitalkamera[/url]</td>
  </tr>
  <tr>
    <td width="100%">[url='camcorder.html']Camcorder[/url]</td>
  </tr>
  <tr>
    <td width="100%">[url='beamer.html']Beamer [/url]</td>
  </tr>
  <tr>
    <td width="100%">[url='service']Service[/url]</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:absolute; top:660px; left:970px; width:50%;">
[img]images/speedservice.jpg[/img]</div>
<div style="position:absolute; top:170px; left:293px; width:50%;">[img]images/barre.jpg[/img]</div>












                 
</body>

Alles anzeigen

Was mache ich denn da mit dem <div> Tag falsch.

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

Danke

Tags