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

IE fixen

vwaustria3796

Neues Mitglied
Hallo Forum!

Ich brauch so schnell wie möglich eine Lösung für mein Problem im FF sieht alles super aus das css und alles passt nur im ie funktioniert gar nichts obwohl ich ein paar ändern im css gemacht habe zum beispiel ihm das dropdown gelernt aber der ie benützt das css gar nicht hier die seite : vwaustria.at
Hier ein paar auszuge aus meinem code:
HTML Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
<title>vwaustria.at:Home</title>
    <style type="text/css" media="all">@import  "css/style.css";</style>
CSS:
Code:
} 
@font-face {
{
font-family : "'Racing Sans One'";
font-style : normal;
font-weight : 400;
src : local('Racing Sans One'), local('RacingSansOne-Regular'), url

(http://themes.googleusercontent.com/static/fonts/racingsansone/v1/1r3DpWaCiT7y3P

D4KgkNyO921tOcMok2fHawGmtxikA.ttf) format('truetype');
}

@font-face { 
font-family : "'Skranji'"; 
font-style : normal; 
font-weight : 400; 
src : local('Skranji'), url

(http://themes.googleusercontent.com/static/fonts/skranji/v1/FHc6rL7AhdTIQxDmNZjE

Hw.ttf) format('truetype'); 
} 
@font-face { 
{ 
font-family : "'Lobster'"; 
font-style : normal; 
font-weight : 400; 
src : local('Lobster'), url

(http://themes.googleusercontent.com/static/fonts/lobster/v5/TSDaXhyJuDJ-

NBU0popSWA.ttf) format('truetype'); 
} 
}
#header {
position : absolute;
top : 50px;
left : 10px;
width : 1000px;
height : 100px;
}
#suchmaschine {
position : absolute;
top: 70px;
left : 10px;
}
#videos {
position: absolute;
top: 110px;
left: 10px;
width : 1203px;
height : 200px;
}
#registration {
position : absolute;
top: 320px;
left: 10px;
width : 250px;
height : 280px;
}
.piclogo {
position : absolute;
left:310px;
}
.titeltext {
position: absolute;
left: 650px;
top: 10px;
}
#bodyfotos {
position : absolute;
top : 320px;
left : 270px;
width : 943px;
height : 4600px;
}
#impressum {
position:absolute;
top: 620px;
left: 10px;
width: 250px;
height : 170px;
}
#chat {
position : absolute;
top : 808px;
left : 10px;
width : 250px;
height : 400px;
}
#besucher {
position : absolute;
top : 1220px;
left : 10px;
width : 250px;
}
#google {
position: absolute;
top : 5000px;
left : 300px;
}
* {
margin: 0;
padding: 0;
}
* html #menu ul li{
float: left;
width: 100%;
}


*+ html #menu ul li {
float: left;
width: 100%;
}


*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}
#menu {
width: 100%;
position: absolute;
left: 380px;
top: 10px;
padding: 0 20px;
background: transparent;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left;
}
#menu ul {
float: left;
width: 110px;
list-style-type: none;
}
#menu h3 {
font-size: 1em;
text-align: center;
color: #000;
border: 1px solid #003366;
background: white;
}


#menu a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: center;
background: silver;
color: #003366;
}
#menu a:hover {
color: #ff9224;
background: #003366;
}
#menu li {
position: relative;
}
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

#menu ul li:hover ul {
display: block;
}

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}
#menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 1px solid #ccc;
}
a:link { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
a:focus { text-decoration:none;}

Danke im Vorhinein!
 
Die schnellste Lösung wäre, wenn Du komplett auf absolute Positionierung verzichten würdest. Denn so wie Du diese verwendest passiert genau das was Du gerade im IE siehst. In einem Browser passt es, im anderen nicht. Schreib den CSS-Code nochmal ohne absolute Positionierung.
 
Und was soll ich denn bei position nehmen?

Die schnellste Lösung wäre, wenn Du komplett auf absolute Positionierung verzichten würdest. Denn so wie Du diese verwendest passiert genau das was Du gerade im IE siehst. In einem Browser passt es, im anderen nicht. Schreib den CSS-Code nochmal ohne absolute Positionierung.

Danke für die schnelle Antwort aber was soll ich denn stattdessen nehmen? position:relative?
 
Nein, nichts mit dem Wort position. Wenn Du Elemente nebeneinander anordnen willst, verwende float. Margin und padding helfen bei den Abständen, Breitenangaben mit width sind auch hilfreich.
 
#header {
float : left;
margin : 10px 10px 10px 10px;
padding : 10px 10px 10px 10px;
}

habe es jetzt mit diesem code versucht passiert ist jedoch nichts :(
 
Hallo,

habe es jetzt mit diesem code versucht passiert ist jedoch nichts

Die Anderen sind wahrscheinlich zu freundlich um dir die Wahrheit, die ganze Wahrheit, zu schreiben: Dein Quelltext ist Schrott. Wenn der Firefox die Seite ähnlich wie von dir erwartet anzeigt ist das reines Glück, hat aber nicht mal annähernd etwas mit korrektem Quelltext zu tun.

Schau dir die Seite mal im Chrome, Opera und Safari an, sie wird in jedem Browser unterschiedlich angezeigt.

Also entweder abreißen, HTML und CSS lernen und dann neu machen.

Oder erst mal die 82 Fehler und 30 Warnungen beseitigen, die die Validierung anzeigt.

[Invalid] Markup Validation of vwaustria.at:Home - W3C Markup Validator

Damit wären dann zumindest die sachlichen Fehler weg und anschließend kann man sich über die logischen Gedanken machen.

Gruss

MrMurphy
 
und schau dir mal vorschaubilder an, das ist vorsichtig gesagt nicht optimal bildchen in Briefmarken größe mit über 1MB größe. das ist für besucher etwas nervig und für andere sogar teuer :O).

Cheffchen
 
Die seite wird im ff genau so angezeigt wie ich es will also kann der code nicht so großer dreck sein! ok das ganze valid zu machen wird noch viel arbeit aber trotzdem ich denke nicht das das ganze so kapputt ist das ich ihn gleich abreisen müsste
 
Hallo,

also der html teil geht ja noch aber das css zeug ist bis auf einiges beim menu zeug echt nicht viel zu gebrauchen, was halt daran liegt das éine positions orgie gemacht hast.

Das ist echt nicht böse aber css zu löschen und das neu zu machen ohne position ist echt das beste, denn das jetzt umzuändert ist echt schwer, selbst für mich wo ich sage das ich css eigentlich recht gut kann.

Cheffchen
 
Hallo,

also der html teil geht ja noch aber das css zeug ist bis auf einiges beim menu zeug echt nicht viel zu gebrauchen, was halt daran liegt das éine positions orgie gemacht hast.

Das ist echt nicht böse aber css zu löschen und das neu zu machen ohne position ist echt das beste, denn das jetzt umzuändert ist echt schwer, selbst für mich wo ich sage das ich css eigentlich recht gut kann.

Cheffchen

wo liegt denn das große problem bei meinem css?
 
vwaustria3796 schrieb:
Cheffchen schrieb:
...was halt daran liegt das éine positions orgie gemacht hast...
wo liegt denn das große problem bei meinem css?
Das ist echt nichts wildes, den Fehler haben schon viel zum anfang gemacht.
Die Optik/Gerüst ist ja nun auch sehr einfach, deswegen kommst mit neu machen besser als das jetzt stundenlang um zu ändern.

Cheffchen
 
Das ist echt nichts wildes, den Fehler haben schon viel zum anfang gemacht.
Die Optik/Gerüst ist ja nun auch sehr einfach, deswegen kommst mit neu machen besser als das jetzt stundenlang um zu ändern.

Cheffchen

ok vielen dank also denkst sollte es alles ändern wenn ich einfach alles neu schreib mit margin und padding anstatt mit position?
 
Hallo,

genau.
wenn was neben einander stehen soll must float machen aber darft nicht vergessen ein clear div zu setzten wenn das nicht mehr möchtest.
Das ist ja einfaches raster was hast, also 2 div header einmal Menü und ein mal die Videos volle breit und dann 3 div mit float für links, mitte und rechts und nach dem rechten machts ein leere clear div.
der rest passiert dann in diesen divs.

Cheffchen
 
Zurück
Oben