XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   css probleme offline/online IE7 und IE8 (http://xhtmlforum.de/showthread.php?t=59407)

zteve 04.12.2009 01:49

css probleme offline/online IE7 und IE8
 
hi, ich bin gerade dabei die letzten Fehler meiner Internetseite zu besitigen und bin zu folgendem Problem gekommen:

zunächst mal der Link dazu:
Shot by Zteve

Offline wird mein CSS (mit IE8 ) anders interpretiert als online.

Hauptsächlich liegt das Problem an der Schriftgröße.


hier erstmal der zugehörige Teil:
Code:

#content {
overflow: auto;
float:left;
width:608px;
height:450px;
background:#afafaf;
padding-left:5px;
font-family:"Verdana", sans-serif;
font-size:80%;
}

der HTML code dazu:
Code:

<div id="content">
<h1> Herzlich Willkommen!<br>Schön, dass Sie hier her gefunden haben!</h1>
<P> <h3>Auf dieser Website möchte ich Ihnen meine Fotografien vorstellen und hoffe, dass Sie Spass daran haben sich einige Augenblicke des Lebens anzuschauen und sie auf sich wirken zu lassen.
Denn das macht die Fotografie aus. Die Welt in Augenblicken festzuhalten.<br><br>
Mit freundlichen Grüßen<br> Zteve</h3>
<br>
<br>
<br>
<ul>
<li>Sie wollen gerne einmal vor der Kamera stehen?</li>
<li>Sie suchen ein Foto für ein bestimmtes Thema?</li>
<li>Sie sind an einem Foto der Seite interessiert?</li>
</ul>
Dann melden sie sich! Gerne stehe ich Ihnen bei Ihren Projekten zur Verfügung. Natürlich können sie auch die, hier aufgeführten, Fotografien im Großformat erhalten.
Unter "Kontakt" finden Sie hierzu die nötigen Informationen.
</p>
</div>

Aussehen sollte das so:
Imageshack - sosollesaussehen

aber online ist nur die normale Schrift kleiner, die Überschriften nicht auf 80% sondern auf 100%.
Sieht dann so aus:
Imageshack - dokumentenstatusie7

Ich hab dann ein bisschen rumprobiert und hab dann im IE eine funktion gefunden bei "extras/entwicklertools".

habe dann die offline Seite mit der online Seite verglichen und mir ist aufgefallen, dass bei der offline Seite "Browsermodus IE8 Dokumentenmodus IE8" steht und bei der online Seite "Browsermodus IE8 Dokumentenmodus IE7"

habe das dann bei der online Seite umgestellt und es ging dann richtig.

Nun habe ich die befürchtung, dass dieser Layout Fehler nur bei mir behoben ist und bei anderen Leuten, die IE7dokumentenmodus haben es nicht richtig angezeigt wird.


Kann ich den eventuellen Fehler irgendwie beheben?

hubspe 04.12.2009 07:50

Moin,

zuallererst sollte man immer validieren.
Dein Dokument ist leider nicht valide.

p darf z.B. keine anderen Blockelemente enthalten.
Im Kopf des Dokumentes ist kein Zeichensatz angegeben und die Sprache ist auch nirgends definiert.

Das die Überschriften unterschiedlich groß ausfallen liegt an den unterschiedlichen Default-Einstellungen der Browser.
Du solltest für jede Überschrift eine Schriftgröße angeben.

Du solltest auch über einen CSS-Prolog nachdenken.
Die CSS-FAQ gibt dazu Auskunft. ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:55 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023