[CSS] scheiss IE intereprtierung
- Ersteller Darkwolf
- Erstellt am
Sers.
Oben steht mein problem.
Und zwar code ich grad ein neues Template.
So ein Template das man wo runterladen kann sollte zumindest die eigenschaft haben,
dass egal welchen Browser man Benutzt einordentliches Bild hat.
Jedoch verkackt! der SCH**** ie mal wieder alles. Weil er mit CSS nich so zurecht kommt
(vollidiot)
Kennt sich da wer aus. Also hier mal die Quellcodes und schilderung was genau er falsch macht.
template.html:
CSS
So also im firefox sind die boxen pic und logo sauber nebeneinander.
Und die box logo welche aus 3 Bildern besteht ist sauber zusammengefügt und 161px hoch. Im ie sind aber zwischen den einzelnen Bildern so ca. 5px abstand jeweils. Und das ganze is nichmehr sauber 161px hoch. Aber was tun ?
Hatte shcon des öfteren probs mit dem ie, aber immer wieder glös ich weis das es geht, nur nicht wie
bitte - danke!
edit: schaut euch mal meine hp erst mit mozilla an
dann mit ie
http://wolf-designs.de/index.php?style=blue&content=news
beim banner oben is im ie son kleiner leerer strich ^^
son scheiss
Oben steht mein problem.
Und zwar code ich grad ein neues Template.
So ein Template das man wo runterladen kann sollte zumindest die eigenschaft haben,
dass egal welchen Browser man Benutzt einordentliches Bild hat.
Jedoch verkackt! der SCH**** ie mal wieder alles. Weil er mit CSS nich so zurecht kommt
(vollidiot)
Kennt sich da wer aus. Also hier mal die Quellcodes und schilderung was genau er falsch macht.
template.html:
HTML:
<div id="head">
<div id="pic">
<img border="0" src="Bilder/header.jpg" />
</div>
<div id="logo">
<img border="0" src="Bilder/balken.gif" />
<img border="0" src="Bilder/logo.gif" />
<img border="0" src="Bilder/balken.gif" />
</div>
</div>
Code:
#head
{
width:800px;
height:161px;
margin-top:10px;
}
#pic
{
width:550px;
height:161px;
margin-left:10px;
float:left;
}
#logo
{
width:188px;
height:161px;
margin-left:20px;
vertical-align: text-top;
float:left;
}Und die box logo welche aus 3 Bildern besteht ist sauber zusammengefügt und 161px hoch. Im ie sind aber zwischen den einzelnen Bildern so ca. 5px abstand jeweils. Und das ganze is nichmehr sauber 161px hoch. Aber was tun ?
Hatte shcon des öfteren probs mit dem ie, aber immer wieder glös ich weis das es geht, nur nicht wie
bitte - danke!edit: schaut euch mal meine hp erst mit mozilla an
dann mit ie
http://wolf-designs.de/index.php?style=blue&content=news
beim banner oben is im ie son kleiner leerer strich ^^
son scheiss
Zuletzt bearbeitet:
G
gast0972
Guest
Darstellung im IE 7 RC 1
Das Logo ist Gestaltung, das hat nix im XHTML-MarkUp zu suchen -> Ab ins CSS damit.
Genausowenig wie das Attribut "border="0"" -> Sowas kommt auch ins CSS.
Ansonsten würde ich erstmal alle Abstände auf null setzen:
Danach müsste es gehn, zumindestens hat es bei mir funktioniert 
MFG Max
PS: Vergiss nicht zu clearen
Genausowenig wie das Attribut "border="0"" -> Sowas kommt auch ins CSS.
Ansonsten würde ich erstmal alle Abstände auf null setzen:
Code:
* {
margin:0;
padding:0;
}MFG Max
PS: Vergiss nicht zu clearen
Gut, daß im IE auch mal ein paar Sachen gefixt werden. Trotzdem bringt das so schnell nichts, da viele Leute weiterhin lange noch IE 5 und 6 benutzen werden. Beim Erstellen der Seiten muß man also darauf eingehen.
Darstellung im IE 7 RC 1
Ich empfehlen mal z.B. hier rein zu schauen, da sind einige wichtige Sachen aufgeführt, die komische Verhaltensweisen des IE erklären und Lösungen anbieten:
http://positioniseverything.net/explorer.html
In Deinem Falle geht es wahrscheinlich um den 3px-Bug oder den mit dem doppelten Rand. Da die Elemente dann nicht mehr in eine Reihe passen, fängt der IE dann eine zweite Reihe an und Du bekommst eine Leerzeile. Kann man auf verschiedene Arten reparieren, aber man muß meist etwas tricksen.
AMD-Hammer
Grand Admiral Special
Ich denke auch! Überall ein margin und ein padding mit 0 rein, dann sollte es gehen! Weiterhin hab ich gerad nen fehler entdeckt! Ich kann mir mein password nicht zuschicken lassen! Bekomme da immer 2 404 Errors!
hmm ich habs anders gelöst, war mir ehlich gesagt zu dumm nachdem ich xmal hin und her probiert hab.
Hab das Logo gleich in ein Bild gepackt ^^
jetzt sind nur 2 Bilder neben einander. mit derselben höhe.
Hab das Logo gleich in ein Bild gepackt
^^jetzt sind nur 2 Bilder neben einander. mit derselben höhe.
Ähnliche Themen
