Unterschiedliche Ansichten in Firefox und Internet Explorer

[Mehtap2000]

Hallo Ihr Webprofis!

Könnt Ihr mir sagen, welche Einstellungen ich vornehmen muss, damit die Fotos und die Texte auf in Internet Explorer genau so angezeigt werden wie in Firefox?

Irgendwie verschiebt sich im IE alles ...
Da gibt es sicherlich irgendeine simple Einstellungen, auf die ich natürlich nicht komme, oder?

Würd mich über Eure Antworten freuen!

Gruß und einen guten Rutsch!

 

[cebito]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

.foto1{position: absolute; top: 135px; left:240px;}
.foto2{position: absolute; top: 200px; left:0px;}

Einmal left:0px und einmal 240px... liegts vielleicht daran?

 

[stb_87]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

Wie sieht es mit den margin und padding werten aus?
Hast du dir schon mal das Boxmodell angeguckt?

CSS 4 You - The Finest in Stylesheets: Workshop: Boxmodell

 

[Herr_D]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

	<div class="box3"><span class="textunternehmen"><p><font size="2" color="#496386"><strong>WiTec stellt sich vor.</strong></font></p><strong><span class="foto2"><p>&nbsp;
	  </p>
			
       <img src="UlrichG.jpg" alt="Ulrich"></div>
			</span>
			
		<span class="foto1"><p>&nbsp;
	  	</p>
			
       <img src="IlyasE.jpg" alt="Ilyas">

			</span>
			</div>

Fällt dir was auf? Um 2 Bilder und eine Überschrift einzubauen, hast du Unmegen an Code da rein?



Minimier das mal etwa in:

[html]
<div class="box3"><h2>WiTec stellt sich vor.</h2>
<img src="UlrichG.jpg" alt="Ulrich"><br />
<img src="IlyasE.jpg" alt="Ilyas">
</div>

die h2 kannst du per css deinen Wünschen entsprechend anpassen

 

[cebito]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

Wie sieht es mit den margin und padding werten aus?

Da ist so gut wie alles absolut positioniert... ->

 

[sfischer]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

hallo,

setz erstmal alle abstände auf null, in die css datei
*{
margin:0px;
padding:0px;
}



gruß sfischer

 

[stb_87]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

Da ist so gut wie alles absolut positioniert... ->

Das schließt das andere aber nicht zwangsläufig aus.

 

[Mehtap2000]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

Vielen Dank für die zahlreichen Antworten!

Ich werde das gleich alles mal ausprobieren! Werd mich sicherlich nochmal bei Euch melden müssen ...

Dankeeee

 

[Mehtap2000]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

An left 0px und 240px liegt es leider nicht ... Zu mindestens werden die Bilder so in Firefox richtig dargestellt. Stelle ich beides auf 0px, verschiebt sich foto1 links unter die Menüleiste. Stelle ich beides auf 240px, verschiebt sich foto2 nach rechts.

Mit margin und padding konnte ich leider auch nichts ändern ...

In Firefox siehts ja gut aus, aber wie gesagt in IE dann nicht.

 

[cebito]

AW: Unterschiedliche Ansichten in Firefox und Internet Explorer

    <div class="box3"><span class="textunternehmen"><p><font size="2" color="#496386"><strong>WiTec stellt sich vor.</strong></font></p><strong><span class="foto2"><p>&nbsp;
      </p>
            
       <img src="UlrichG.jpg" alt="Ulrich">[B][COLOR=Red]</div>[/COLOR][/B]
            </span>
            
        <span class="foto1"><p>&nbsp;
          </p>
            
       <img src="IlyasE.jpg" alt="Ilyas">
            </span>
            </div>

Das Problem ist, daß du das div zweimal und foto1 somit (aus)schließt, das rote ist zuviel. Dann nochmal an die Positionen im css gehn... Oder besser noch gleich den code von Herr_D übernehmen...