Webansicht anders als in Webocton

Webdesign & Technik HTML & CSS
1

hi,

also ich hab mein stylesheet und meine html seiten in webocton geschrieben. wenn ich mir dort die fertigen seiten ansehe - alles prima.
öffne ich die seiten jedoch mit internet explorer oder google crome, dann ist meine horizontale steuerungsleiste verschoben.
ich habe jetzt schon im stylesheet den rand geändert, was wiederum zwar im webocton anders aussieht, aber im explorer bzw. crome immer noch nicht. warum und was kann ich machen? ich will die seiten nicht hochladen solange sie nicht funktionieren.könnt ihr anhand der codes etwas erkennen?

#navi
{ text-align:left; /* Textausrichtung /
font-size:0.8em;
font-variant: normal;
margin-top:10px; / Außenabstand oben /
margin-bottom:10px; / Außenabstand unten /
margin-left:20px; / Außenabstand links /
margin-right:15px; / Außenabstand rechts */
}

#navi ul
{
list-style:none; /* keine Aufzählungspunkte */
}

#navi li
{
float:left; /* Anordnung links /
margin-left:10px; / Außenabstand links /
width:110px; / Breite des Links */

  background-color:#9EE3E1;        /* Hintergrundfarbe  */
  border-top:1px #0000C1 solid;     /* Rahmenfarbe Auflistungpunkt oben */
  border-left:10px #0000C1 solid;  /* Rahmenfarbe Auflistungpunkt oben */
  border-bottom:1px #0000C1 solid;    /* Rahmenfarbe unten  */
  border-right:2px #0000C1 solid;    /* Rahmenfarbe unten  */
  margin-top:10px;                /* Außenabstand oben  */
  padding-top:8px;                /* Innenabstand oben  */
  padding-bottom:8px;             /* Innenabstand unten */
  padding-left:8px;               /* Innenabstand unten */
  padding-right:8px;              /* Innenabstand unten */

}

#inhalt
{ /* index seite /
margin-top:80px;
background-color: #9EE3E1;
text-align: center;
font-variant: normal;
color: #0000C1;
font-size:1em; / Schriftgröße */
font-family: Times ;
font-style: italic;
padding:0.4em 0.4em 0 0;
}

      Sie und Ihre Beraterin.
<br />Ihre Lebenssituation - meine Hilfe.
<br />Ihre Wünsche und Ziele - meine Leistungen.
<br />Konzernunabhängig
<br />Selbständig
<br />Kundenorientiert
<br />Zukunftsorientiert
<br />Prämissen die für mich zählen.
<br /> <br />

lieben dank. :winke:

2

Du solltest da besser einen Verweis zu einer Testseite angeben,
wo das Problem auftritt.

Könnte hier sein, daß die browser-Stilvorlagen für Listen leicht
unterschiedlich sind und in deiner Stilvorlage nicht alles
überschrieben ist - müßte man dann also tun (besonders margin,
padding und listenspezifische Eigenschaften.

Andere Probleme können auftreten, wenn kein oder der falsche
doctype angegeben sind, weil das browser wie der MSIE zum
Anlaß nehmen, Fehler alter Versionen zu simulieren.

Nun weiß ich nicht, welchen browser dieser Webocton verwendet,
vermutlich keinen eigenen, ist aber letztlich auch nicht so wichtig,
denn außer dir guckt sich damit niemand die Seite an.
Fehler mit dem Validator beseitigen ist wichtig und Tests mit
browsern wie Opera, Konqueror, Geckos, WebKit, MSIE sind
spannend, weil die meist verwendet werden, dazu auch noch,
daß die Seite ohne Interpretation von CSS oder Skripten
funktioniert.

Bei unklaren Randabständen bei CSS ist es oft aufschlußreich,
testweise um relevante Elemente einen Rahmen zu legen (border
oder outline), um zu sehen, was einen Randabstand verursacht.