[GastForen Web allgemein Browser Menü völlig unterschiedlich IE + FF

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Menü völlig unterschiedlich IE + FF

Faith
Beiträge gesamt: 21

6. Feb 2011, 18:13
Beitrag # 1 von 9
Bewertung:
(5403 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo,

ich übe gerade ein wenig mit css & co., dafür versuche ich bestehende templates anzupassen etc., um mehr in die materie reinzukommen usw.
jetzt habe ich eins, wo aber das menü im IE ganz anders aussieht wie im FF.

hier mal ein screenshot:
http://img198.imageshack.us/...638/unbenannt2dx.jpg

und das hier ist der passende css-style dazu:

Code
#slider { 
position: relative;
width: 100%;
}

#templatemo_wrapper {
width: 800px;
margin: 0 auto;
background: url(../images/templatemo_body.jpg) no-repeat top center;
}

#templatemo_social {
width: 800px;
height: 50px;
}

#templatemo_main {
clear: both;
width: 800px;
padding: 30px 0;
height: 580px;
}

#templatemo_sidebar {
float: left;
width: 320px;
}

#templatemo_content {
float: right;
width: 480px;
}

#header h1 { display: block; width: 315px; height: 166px; margin: 0 auto 80px; padding: 0 }
#header h1 a { float: left; margin-top: 25px; width: 315px; height: 166px; background: url(../images/templatemo_logo.png); text-indent: -10000px; }

#menu {
clear: both;
float: right;
}

#templatemo_footer {
clear: both;
float: right;
width: 360px;
margin: 20px 40px;
padding: 20px;
text-align: left;
background: #070105;
border: 1px solid #26071d;
}
#templatemo_footer a {
color: #fff;
}

.scroll {
width: 480px;
height: 580px;
overflow: auto;
/* overflow-x: hidden; */
position: relative;
clear: left;

}

.scrollContainer div.panel {
width: 400px;
height: 500px;
padding: 40px;
overflow: hidden;
}

ul.navigation {
list-style: none;
margin: 0;
padding: 0;
}

ul.navigation li {
margin: 0;
padding: 0;
}

ul.navigation a {
display: block;
float: right;
padding: 8px 15px;
margin-bottom: 5px;
font-size: 18px;
font-weight: 400;
text-decoration: none;
color: #fff;
text-align: right;
}

ul.navigation a:hover, ul.navigation a.selected {
background: #0f020b
}

ul.navigation a:focus {
outline: none;
}


.scrollButtons {
position: absolute;
top: 300px;
cursor: pointer;
}

.scrollButtons.left {
left: 0
}

.scrollButtons.right {
right: 0
}

.hide {
display: none;
}


jemand eine idee woran das liegt?
versuche es schon seit 3 stunden. :-/

vielen dank!
X

Menü völlig unterschiedlich IE + FF

SabineP
Beiträge gesamt: 7586

6. Feb 2011, 19:16
Beitrag # 2 von 9
Beitrag ID: #463913
Bewertung:
(5386 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Printler,

wenn Dein HTML- und CSS-Code valide ist,
dann liegt es am IE.

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/


als Antwort auf: [#463906]
(Dieser Beitrag wurde von SabineP am 6. Feb 2011, 19:17 geändert)

Menü völlig unterschiedlich IE + FF

Faith
Beiträge gesamt: 21

6. Feb 2011, 19:21
Beitrag # 3 von 9
Beitrag ID: #463914
Bewertung:
(5382 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
das sagt mir grad gar nix, sorry. :(
was muss ich tun?


als Antwort auf: [#463913]

Menü völlig unterschiedlich IE + FF

Franz A.
Beiträge gesamt: 75

6. Feb 2011, 19:30
Beitrag # 4 von 9
Beitrag ID: #463915
Bewertung:
(5382 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Auf den angegeben Seiten kann man überprüfen, ob der Code korrekt ist. Der würde dann zum Beispiel sagen, dass bei diesen Zeilen
Code
ul.navigation a:hover, ul.navigation a.selected {  
background: #0f020b

.scrollButtons.left {
left: 0

.scrollButtons.right {
right: 0


jeweils am Schluss ein Semikolon fehlt.


als Antwort auf: [#463914]

Menü völlig unterschiedlich IE + FF

Faith
Beiträge gesamt: 21

6. Feb 2011, 19:32
Beitrag # 5 von 9
Beitrag ID: #463916
Bewertung:
(5381 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
danke!
das hat aber leider nichts geändert.
sieht immer noch so aus. :-/


als Antwort auf: [#463915]

Menü völlig unterschiedlich IE + FF

Faith
Beiträge gesamt: 21

8. Feb 2011, 16:00
Beitrag # 6 von 9
Beitrag ID: #464174
Bewertung:
(5277 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
keiner noch eine idee? :(


als Antwort auf: [#463916]

Menü völlig unterschiedlich IE + FF

Quarz
Beiträge gesamt: 3555

10. Feb 2011, 18:08
Beitrag # 7 von 9
Beitrag ID: #464454
Bewertung:
(5235 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Printler,

ich habe das Gleiche gerade vor ein
paar Tagen erlebt; aber mit einem
richtig unangenehmen Fehler.

Als Lösung habe ich dann die einfache
Website wieder mit Tabellen aufgebaut.


Bitte kein Geschrei ;-)


Gruß
Quarz

----------------------------------------------------------
InDesign CS4 6.06 + CS5 7.03 | Win7/64 Prof.



als Antwort auf: [#464174]

Menü völlig unterschiedlich IE + FF

Faith
Beiträge gesamt: 21

11. Feb 2011, 15:35
Beitrag # 8 von 9
Beitrag ID: #464519
Bewertung:
(5199 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Neu machen? Mit Tabellen?
Äh nee.. ;)
Aber dennoch dank. :)


als Antwort auf: [#464454]
(Dieser Beitrag wurde von Printler am 11. Feb 2011, 15:36 geändert)

Menü völlig unterschiedlich IE + FF

Quarz
Beiträge gesamt: 3555

10. Mär 2011, 10:41
Beitrag # 9 von 9
Beitrag ID: #466639
Bewertung:
(4801 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

hier noch ein Validator in deutsch
http://validator.de.selfhtml.org/


Gruß
Quarz

----------------------------------------------
IDcs5 7.03 | Win7/64 Prof.



als Antwort auf: [#464519]
X