ie und opera probleme

[lan]

hallo zusammen,

ich habe für mein Site swapclass (Project Seven) menu intergriert, das problem denn ich jetzt habe ist folgendes, unter IE bei aufgeklappene Menu erscheint ein abstand von c.a 2px siehe bild problem 1, bei Opera wird das Menu nicht linksbündig angepasst siehe bild problem 2 unter Mozilla lauft es wunderbar.

könnt ihr mir helfen

[Quetschi]

Ohne zu wissen wie dein html und css aufgebaut ist kann man nur raten.

Vermutlich hast du für die betreffenden Elemente die margins nicht gesetzt, da hier fast alle Browser etwas verschiedene Definitionen haben siehts halt überall ein wenig anders aus.

[lan]

hier der Code

hier der CSS Code:

<STYLE type="text/css">
BODY {
    margin: 0 0 0 0;
    FONT-SIZE:12px;
    FONT-FAMILY:Geneva, Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #C61021;
}
A:link {
    COLOR: #333333;
    }
A:visited {
    COLOR: #333333;
}
A:hover {
    COLOR: #666699;
}
A:active {
    COLOR: #666699;
    background-color: #fff;
    width: 150px;
}
.show {
    left: 0;
    DISPLAY: block;
    background-color: #fff;
    width: 150px;
}
.hide {
margin: 0 0 0 0;
    DISPLAY: block;
}
H2 {
    FONT-SIZE: 1.5em;
}
H3 {
    FONT-SIZE: 1em; 
}
#pdiv {
    FONT-SIZE:12px;
    COLOR:#000;
    FONT-FAMILY:Geneva, Arial, Helvetica, sans-serif; 
    margin: 0px;
}

#pdiv A:link {
    COLOR: #000;
    text-decoration: none;
}
#pdiv A:visited {
    COLOR: #000;
    text-decoration: none;
}
#pdiv A:hover {
    COLOR: #C61021;
    text-decoration: none;

}
#pdiv A:active {
    COLOR: #C61021;
    text-decoration: none;
}
#pdiv A:unknown {
    COLOR: #666699;
    text-decoration: none;

}
</STYLE> 

[Quetschi]

margin: 0 0 0 0;

0 was? Bananen?

Ausserdem hast keine padding-angaben drin. Setz mal noch für body und pdiv (ich vermute, dass da die Navi drin ist) folgendes:
padding: 0px;

Prüf auch auf validator.w3.org dein html und css - wenn das nicht fehlerfrei ist, kanns auch immer mal gerne zu Darstellungsfehlern kommen.

[Abraxax]

Original geschrieben von Quetschi
0 was? Bananen?

das ist schon sch*** egal. 0 ist null. egal ob äpfel, bananen, px, em oder pt.

[ghostgambler]

Original geschrieben von Abraxax
das ist schon sch*** egal. 0 ist null. egal ob äpfel, bananen, px, em oder pt.

nur null sieht übrigens besser aus und spart Zeichen

[lan]

Opera Okay, IE noch nicht Okay

das problem konnte ich mit Opera lösen aber IE Problem besteht immer noch.

[ghostgambler]

tjo und nachdem du immer noch nicht HTML-Code gepostest hast und auch kein Link zu einer Website irgendwo vorhanden ist, wirst du wohl keine weitere Hilfe bekommen können...

[lan]

hier der code 2

hier der JavaScript Code und HTML CSS hab ich Oben bereits gepostet:

<SCRIPT type=text/JavaScript>
<!--
function P7_writeStyles(op,a){ 
 if(op==0||document.getElementById){
 var tS="<sty"+"le type=\"text/css\">";
 tS+="\n"+a+"\n<"+"/sty"+"le>";document.write(tS);}
}
P7_writeStyles(1,'.hide{display: none;}');

function P7_swapClass(){
 var i,x,tB,j=0,tA=new Array(),arg=P7_swapClass.arguments;
 if(document.getElementsByTagName){for(i=4;i<arg.length;i++){tB=document.getElementsByTagName(arg[i]);
  for(x=0;x<tB.length;x++){tA[j]=tB[x];j++;}}for(i=0;i<tA.length;i++){
  if(tA[i].className){if(tA[i].id==arg[1]){if(arg[0]==1){
  tA[i].className=(tA[i].className==arg[3])?arg[2]:arg[3];}else{tA[i].className=arg[2];}
  }else if(arg[0]==1 && arg[1]=='none'){if(tA[i].className==arg[2] || tA[i].className==arg[3]){
  tA[i].className=(tA[i].className==arg[3])?arg[2]:arg[3];}
  }else if(tA[i].className==arg[2]){tA[i].className=arg[3];}}}}
}

function MM_reloadPage(init) {  
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
</SCRIPT>

<DIV id="pdiv">
<A onclick="P7_swapClass(1,'f1','show','hide','div');return false" href="#"><img src="img/auto.jpg" border="0"></A>
<DIV class="hide" id="f1"> 
<a href="#">&nbsp; » Subnav1</a><br>
<a href="#">&nbsp; » Subnav2</a><br>
<a href="#">&nbsp; » Subnav3</a><br>
<a href="#">&nbsp; » Subnav4</a><br>
</DIV> 

[thrawn]

Ist das Dein kompletter Quellcode?

In welchem Modus wird die html/xhtml-Datei ausgeführt? (Kann sein, dass der Browser bei "strict" sich ned so verhält, wie gewünscht - von daher "transitional" wählen.

Ansonsten wirds wohl am Fehlerhaften Boxenmodel des IEs liegen:

http://www.css4you.de/wsboxmodell/

Nimm mal für Deine Navigation lieber Listen.

Alternativ: Nimm das <div> um die Links einfach mal raus. Ab und an macht der IE einfach gerne mal nen Außenabstand bei Bildern (ka, woran das liegt).

<A onclick="P7_swapClass(1,'f1','show','hide','div');return false" href="#"><img src="img/auto.jpg" border="0"></A><br>
<a href="#">&nbsp; » Subnav1</a><br>
<a href="#">&nbsp; » Subnav2</a><br>
<a href="#">&nbsp; » Subnav3</a><br>
<a href="#">&nbsp; » Subnav4</a><br> 

Klassen würde ich übrigens lieber mit CSS vergeben und nicht mit Javascript einfügen. (pseudoelement:hover verwenden -> www.css4you.de)

<STYLE type="text/css">
BODY {
    margin: 0 0 0 0;
    FONT-SIZE:12px;
    FONT-FAMILY:Geneva, Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #C61021;
} 

Soll der Wert überall gleich sein, reicht

margin:0;

vollkommen aus.

A:link {
    COLOR: #333333;
    }
A:visited {
    COLOR: #333333;
}
A:hover {
    COLOR: #666699;
}
A:active {
    COLOR: #666699;
    background-color: #fff;
    width: 150px;
} 

Ich möchte Dir raten, tags so anzusprechen, wie sie auch in einem XHTML-Dokument wiedergegeben werden. Also imemr schön alles klein schreiben.

Zudem kannst Du bei Farbwerten, in denen die 3 RGB-Bereiche gleich sind auch verkürzt definieren, wie du es auch schon bei background-color gemacht hast. Zudem kannst Du auch zusammenfassen.

a:link, a:visited {
color:#333;
}
sofern beide pseudoelemente die gleichen Eigenschaften haben sollen.

[lan]

vielen dank für deine ausführliche erklärung, werde morgen die anpassungen machen.

[lan]

ie spinnt

Ich hab alle anpassungen wie Ihr es beschrieben habt durchgeführt, leider klappt es immer noch nicht, ausserdem erscheint immer bei IE die untere Taskbalke " Fehler auf der Seite ", was kann ich dagegen machen.

[emin]

folgendes problem mit js bei microsoft
da microsoft alles anders mache muss (dem zufolge auch IE) könnte es sein das scripts nicht ausgeführt werden können
das ist ein ein gewaltiger (leider) nachteil der uns js-scriptern das leben manchmal zur hölle macht
lösung: crossbrowser-programmierung
ist zwar umständlich muss aber manchmal sein
und zur hilfe kannst du dir mal die dokumentation des ie benutzen
wo die zu finden ist weoß ich net aber:googeln hilft meistens
hoffe es hat dir ä klitzekleinesbisschen geholfen

[emin]

folgendes problem mit js bei microsoft
da microsoft alles anders mache muss (dem zufolge auch IE jah ist gut manche browser gehen in manchen situationen komplett andere wege (auch FFox,Opera-der ganz oft,und netscape)) könnte es sein das scripts nicht ausgeführt werden können
das ist ein ein gewaltiger (leider) nachteil der uns js-scriptern das leben manchmal zur hölle macht
lösung: crossbrowser-programmierung
ist zwar umständlich muss aber manchmal sein
und zur hilfe kannst du dir mal die dokumentation des ie benutzen
wo die zu finden ist weoß ich net aber:googeln hilft meistens
hoffe es hat dir ä klitzekleinesbisschen geholfen

[php-sebi]

Hi Leute,
bei funktionieren zwei submit buttons mit dem IE v6 nicht.
Mit Mozilla Firefox, Opera und Netscape funktioniert es einwand frei.
Hat jemand von euch ne ahnung warum das net funzt??