[Kingzsection]

Hallo zusammen, Wenn ich meine Website unter Firefox aufrufe, ist alles normal aufgebaut. Aber wenn ich die adresse unter Internet explorer eingebe, ist meine Website total durcheinander und Kaputt, das habe ich auch an anderen rechnern ausgetestet, und bei meiner Tante.

Weis einer warum IE meine website nicht richtig annimmt ?

Bei Safari wird auch Alles RICHTIG angezeigt


Einer hat mich erzählt, mit hilfe einem S***** würde jeder Browser mein Style annehmen.

Hier mein CSS Code

<!--
.nav {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #ffffff;
background-image: url(http://www.abload.de/img/naviy35m.png);
background-repeat: repeat-x;
background-position:center top;
display:block;
height: 35px;
width: 736px;
color:#ffffff;
float:left;
text-align:center;
margin:0pt 0px 0 0;
padding:5px 7px 5px 7px;
}
.nav a{
text-align:center;
color:#ffffff;
display:block;
float:left;
font-size:14px;
word-spacing: 5px;
padding:8px 31px 0pt;
text-decoration:none;
}
.nav a:hover, .nav a:active{
background: url(http://www.abload.de/img/naviweis5ucl.png);
height: 31px;
background-repeat: repeat-x;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#ffffff;
display:block;
font-size:14px;
float:left;
margin:0pt 0px 0 0;
margin-top: -6.6px;
padding:14.6px 30px 0pt;
text-align:center;
text-decoration:none;
}/*

/* Variable definitions
====================
<Variable name="bgcolor" des*****ion="Page Background Color"
type="color" default="#1c1c1c">
<Variable name="textcolor" des*****ion="Text Color"
type="color" default="#FFFFFF">
<Variable name="linkcolor" des*****ion="Link Color"
type="color" default="#FFFFFF">
<Variable name="pagetitlecolor" des*****ion="Blog Title Color"
type="color" default="#FFFFFF">
<Variable name="des*****ioncolor" des*****ion="Blog Des*****ion Color"
type="color" default="#FFFFFF">
<Variable name="titlecolor" des*****ion="Post Title Color"
type="color" default="#FFFFFF">
<Variable name="bordercolor" des*****ion="Border Color"
type="color" default="#FFFFFF">
<Variable name="sidebarcolor" des*****ion="Sidebar Title Color"
type="color" default="#FFFFFF">
<Variable name="sidebartextcolor" des*****ion="Sidebar Text Color"
type="color" default="#FFFFFF">
<Variable name="visitedlinkcolor" des*****ion="Visited Link Color"
type="color" default="#FFFFFF">
<Variable name="bodyfont" des*****ion="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="headerfont" des*****ion="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" des*****ion="Blog Title Font"
type="font"
default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
<Variable name="des*****ionfont" des*****ion="Blog Des*****ion Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
<Variable name="postfooterfont" des*****ion="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/
/* Yeah */
body {
background-image: url(http://www.abload.de/img/backgroundb...nd-attachment: fixed;
background-repeat: repeat-x and repeat-y;
margin:0;
color:#FFFFFF;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: Center;
}
a:link {
color:#FFFFFF;
text-decoration:none;
}
a:visited {
color:#FFFFFF;
text-decoration:underline;
}
a:hover {
color:#ffffff;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
/* Navbar
-----------------------------------------------
*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
#header-wrapper {
width:750px;
margin:0 auto 10px;
border:0px solid #FFFFFF;
}
#header {
margin: 0px;
margin-top: -9.55px;
border: 0px solid #FFFFFF;
text-align: center;
color:#FFFFFF;
}
#header h1 {
margin:10px 20px 0;
padding:5px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
}
#header a {
color:#FFFFFF;
text-decoration:none;
}
#header a:hover {
color:#FFFFFF;
}
#header .des*****ion {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
color: #FFFFFF;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color: #1c1c1c;
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 95% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
}
#top outer-wrapper {
background-image: url(http://www.abload.de/img/backgroundbgi6v2.gif);
background-repeat: repeat-x;
width:750px;
height:0px;
margin:0 auto;
padding:0px;
}
#end outer-wrapper {
background-image: url(http://www.abload.de/img/backgroundbgi6v2.gif);
background-repeat: repeat-x;
width:750px;
height:0px;
margin:0 auto;
padding:0px;
}
#main-wrapper {
width: 750px;
float: left;
margin: 0px;
text-align: center;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.sidebar-wrapper {
width: 100px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Search
---------------------------------------------- */
#search {
position:absolute;
right:255px;
top:415px;
visibility:visible;
z-index:100;
padding:4px;
}
/* Language
---------------------------------------------- */
#language {
position:absolute;
left:250px;
top:120px;
visibility:visible;
z-index:100;
padding:4px;
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#ffffff;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px solid #808080;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#ffffff;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:#51d35d;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:#ffffff;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:0px solid #FFFFFF;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #ffffff;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #999999;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
border-bottom:0px solid #808080;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid #808080;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #ffffff;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:750px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-align: center;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

-->

[nightmare1942]

was du hier zeigst, ist ja bloß der code vom CSS! der sagt wenig aus.
welchen IE nutzt du? wenn 8, hast du mal KOMBATIBILÄTSTANSICHT gewählt?
aber IE ist sowieso in der hinsicht blöd.
außerdem, hast du in deine javas***** version angegeben?

der IE interpretiert leider viele dinge anders, als die anderen browser. liegt einfach an der engine, die genutzt wird! (z.b. iFrames)

[Kingzsection]

außerdem, hast du in deine javas***** version angegeben? was meinst du damit ?

hab ich schon mit dem KOMBATIBILÄTSTANSICHT gemacht, ist trozdem alles durcheinander

[nightmare1942]

also das mit javas***** ist so:
wenn du irgendwo javas***** nutzt und irgendwo der code nicht so gut geschreiben ist oder die in JS 1.3 codierst und er aber 1.5 auto. erkennt, kann es passiere dass der browser vieles falsch interpretiert und somit layout auch verändert. genauso ist es mit x(ht)ml. wenn du versuchst, dynamisch etwas aufzubauen, aber du einen KLITZEKLEINEN fehler in der syntax machst, stellt der browser sich automatisch auf die ganz alte html codierung ein und nicht auf die neuere. damit kanner dann vieles nicht interpretieren und somit entstehen fehler.

am besten, du testet deine website mal beim w3c konsortium

[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]