• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellungsfehler im IE 6+7 ....

Status
Für weitere Antworten geschlossen.

web673

Neues Mitglied
Huhu liebes Team...

ich habe ein Problem..

im firefox wird alles korekt angezeigt...

hier der Link:
Willkommen

hat da wer ne info ? wenn ich auf z.b news klicke dann ist rechts neben dem News|Aktuelles so ein ritz.. beim ff is der nicht..
habe mir das thema gerade durchgelesen in dem es um den ritz ging......... habe das so gemacht aber der is noch immer da.... gruß sheppard

auch bei dem stargate sind zwei ritzen zwischen den rollover bildern... -.- Edit : funktioniert nun dank neuroleptika

bitte mit "noob hilfsanleitung ^^"............ danke euch

Das habe ich auch probiert:
http://www.html.de/html-und-xhtml/14582-faq-woher-kommen-die-abstaende.html
 
Zuletzt bearbeitet:
ich hab jetzt mal was ausprobiert..:

Browserkompatiblität:

Safari 3.0.4 (funktioniert)
Opera 9.26 (funktioniert)
Mozilla Firefox 2.0.0.12 (funktioniert)
Internet Explorer 7.0 (funktioniert nicht) :-(

znews.jpg
 
Zuletzt bearbeitet:
Du hast keinen Dokumententype angegeben. Das versetzt alle Browser in den Qirks-Modus. Das solltest du ändern. Der qirks-mode wird in allen Browsern unterschiedlich angewendet.
Einheitlich ist nur, daß sie sich verhalten wie ihre Vorgängerversion.

Ausnahmsweise dürfte das kein Bug im IE sein.

Versuche mal folgendes in der css-Datei:
Code:
img {
display : block;
}
Wenn du wissen möchtest warum das so ist, kannst du dir das angucken:
css | Spalten :: css-störende Abstände
 
Du hast keinen Dokumententype angegeben. Das versetzt alle Browser in den Qirks-Modus. Das solltest du ändern. Der qirks-mode wird in allen Browsern unterschiedlich angewendet.
Einheitlich ist nur, daß sie sich verhalten wie ihre Vorgängerversion.

Ausnahmsweise dürfte das kein Bug im IE sein.

Versuche mal folgendes in der css-Datei:
Code:
img {
display : block;
}
Wenn du wissen möchtest warum das so ist, kannst du dir das angucken:
css | Spalten :: css-störende Abstände

hey danke dir das stargate (index.html) funktioniert jetzt. aber die anderen seiten noch nicht.. da ist immer noch 1 pixel abstand drinn.. habe herausgefunden wenn ich den browser leicht verkleinere am rand ist es ab und zu richtig ..... aber es soll auf Vollbild richtig sein und wnen man es kleiner macht so wie im ff ^^

danke euch / dir


p.s. was sollte ich deiner meinung nach für die beste kompatibilität für ein doctype nehmen ?
EDIT: vlt diesen hier ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
 
Zuletzt bearbeitet:
doctype

Es ist spät und mag mir das jetzt nicht mehr ansehen.

Als Doktype empfehele ich immer strict:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ich nehme an, viele hier werden mir wiedersprechen und zu xhtml 1.0 strict raten.
Ich selbst verwende xhtml aber inzwischen weiß ich nicht mehr warum.
Einen Vorteil sehe ich für xhtml heute nicht mehr.
Ob (x)html oder html4 sehe ich inzwischen als nebensächlich an. Wichtig ist strict.
Bestehende Seiten sind auf jeden Fall einfacher auf html4 strict zu ändern als auf (x)html.
 
Zuletzt bearbeitet:
habe das jetzt auf das strict geändert ist aber immer noch so im ie.... ich habe jetzt festgestellt das im ie das stargate nicht vertikal zentriert ist.. in den anderen browsern ist es das aber
 
habe das jetzt auf das strict geändert ist aber immer noch so im ie.... ich habe jetzt festgestellt das im ie das stargate nicht vertikal zentriert ist.. in den anderen browsern ist es das aber

Woher die schwarze Line auf der rechten Seite Kommt weiß ich nicht.

Zur Zentrierung:
Code:
<div align="center"
style = "width : 600px; margin: auto;">
<table border="0" height="100%" width ="600">
 
ja das hab ich jetzt hinbekommen... schwarze linie ?? da ist doch keine.. da ist ein 1 px abstand... im ie.. aber sonst auch nirgends (browsermäßig)
 
wenn ich das umstelle, dann ist es in allen anderen browsern fallsch... . xD
Du mußt das bild um 1px verkleinern.
Oder du lässt die Breitenangabe einfach weg.
Das gehört sich zwar nicht aber wenn es endlich fertig werden soll:
Code:
<div class="header"><img src="http://terrat.te.funpic.de/sg/Bilder/header_kontakt.png" height="90"></div>
<div class="menu"><img src="http://terrat.te.funpic.de/sg/Bilder/menue_leiste_nix_hover.png"  height="30"></div>
<div class="text">
  <p>Kontakt,</p>

Das ist natürlich Megapfusch.
 
ich habe doch die breite im quelltext eingestellt ... und nur in der datei ist es um 1 pixel größer .. wird doch abgeschnitten.. und es ist ja nur im ie falsch um 1 nach rechts gerutscht ... in den anderen browsern ist das ja nicht.. also ich probiere das jetzt mal und poste hier dann n Edit rein

EDIT:

so habe das offline getestet.. funktioniert trotzdem nicht... blöder IE...

naja hoffentlich hat wer noch ne idee
 
Du hast zwei Div mit 722px Breite.
Ein Bild mit 723px und eins mit 724px Breite.
Woher der 1px, trotz Stauchung auf 722px kommt weiß ich nicht.

Mit background-image sieht man den Unterschied nicht mehr.

Ich habs mal kopiert und hochgeladen:
Kontakt
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben