zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Unterschiedliche Abstände IE7 und Firefox

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.09.2007, 21:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2007
Beiträge: 19
killray befindet sich auf einem aufstrebenden Ast
Standard Unerklärliches Verhalten im IE6

Diese Probleme wurden schon behoben, weitere siehe unten!


Hallo, hab ein kleines Problem mit meiner Navigation und unterschiedlichen Abständen vom IE7 und Firefox. Hab mal 2 Screenies angehängt um das zu verdeutlichen:

Firefox
IE 7


Der Code ist folgender:
Code:
#mainnav {
	margin:          12px 0px 0px 0px;
	padding:         0px;
	list-style-type: none;
	float:           left;
	width:           140px;
}
#mainnav li {
    margin:          0px;
	padding:         5px 0px 0px 0px;
}
#mainnav li a, #mainnav li a:active, #mainnav li a:visited {
	padding:         0px 0px 0px 2px;
	font-size:       10px;
	display:         block;
	color:           #FFF;
	text-transform:  uppercase;
	text-decoration: none;
	font-weight:     normal;
}
Wie kann ich das beheben? Die Seite befindet sich unter TOCANDO - Willkommen bei Ihrem Webhoster. Könnte desweitern jemand die Seite mal unter IE6 prüfen? Hab auf nem Screenie gesehen das es da die Navi komplett sprengt?

Geändert von killray (24.09.2007 um 15:56 Uhr) Grund: Geändertes Problem
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.09.2007, 21:22
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zum IE 6 siehe mein FAQ-Beitrag.

Zum weiteren Selber-Testen mit dem IE 6: Install multiple versions of IE on your PC | TredoSoft

PS: Zur Behebung der unterschiedlichen Abstände vergib line-height, ansonsten werden die default-Werte angewandt, die unterschiedlich sein können (wie man hier sieht). Außerdem wirf height raus (siehe FX-Textvergr.).

Geändert von heiko_rs (23.09.2007 um 21:35 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.09.2007, 21:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2007
Beiträge: 19
killray befindet sich auf einem aufstrebenden Ast
Standard

Also dem IE7 Bug hab och schon gefunden, musste eine line-height angeben. Jetzt mal mit dem IE6 gucken *g*
Mit Zitat antworten
  #4 (permalink)  
Alt 23.09.2007, 21:48
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von killray Beitrag anzeigen
Also dem IE7 Bug hab och schon gefunden, musste eine line-height angeben.
Genau, das hatte ich noch nachgetragen.

Zitat:
Zitat von killray Beitrag anzeigen
Jetzt mal mit dem IE6 gucken *g*
Stichwort "Whitespace-Bug" in meinem FAQ-Beitrag.
Mit Zitat antworten
  #5 (permalink)  
Alt 23.09.2007, 22:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2007
Beiträge: 19
killray befindet sich auf einem aufstrebenden Ast
Standard

Ich hasse den IE *g*. Also der 7er schaut etz gut aus.

Aber, etz halt noch der IE6. Fragen:



1. Warum wird bei folgendem Code die Schrift der Unternavi nicht richtig formatiert?

2. Woher kommt der grüne Strich auf der Seite?

Code:
#style-header {
	margin:     0 auto;
	padding:    18px 22px 0px 20px;
	text-align: left;
	width:      770px;
	height:     200px;
	background: url(../img/header_bg.png) no-repeat;
	text-align: left;
}
#style-navigation {
	margin:     0 auto;
	padding:    5px 0px 0px 32px;
	text-align: left;
	width:      780px;
	height:     108px;
	background: #92C221 url(../img/navigation_bg.png) no-repeat;
	clear:      left;
	text-align: left;
}
#mainnav {
	margin:          13px 0px 0px 0px;
	padding:         0px;
	list-style-type: none;
	float:           left;
	width:           140px;
}
#mainnav li {
	padding:         5px 0px 0px 0px;
	height:          1px;
	line-height:     10px;
}
#mainnav li a, #mainnav li a:active, #mainnav li a:visited {
	padding:         0px 0px 0px 2px;
	font-size:       10px;
	display:         block;
	color:           #FFFFFF;
	text-transform:  uppercase;
	text-decoration: none;
	font-weight:     normal;
}
#mainnav li a:hover {
	background:      #8FB926;
}
#mainnav li#active a, #mainnav li#active a:active, #mainnav li#active a:visited {
	padding:         0px 0px 0px 2px;
	font-size:       10px;
	display:         block;
	color:           #FFFFFF;
	text-transform:  uppercase;
	text-decoration: underline;
	font-weight:     normal;
}


.subnav {
	margin:          30px 0px 0px 0px;
	padding:         0px;
	list-style-type: none;
	float:           left;
	width:           140px;
}
.subnav li {
	padding:         5px 0px 0px 10px;
	height:          1px;
	line-height:     10px;
}
.subnav li a, #subnav li a:visited, #subnav li a:active {
	padding-left:    2px;
	font-size:       10px;
	display:         block;
	color:           #FFFFFF;
	text-transform:  uppercase;
	text-decoration: none;
	font-weight:     normal;
}
.subnav li a:hover {
	background:      #8FB926;
}
.subnav li#active-sub a, #subnav li#active-sub a:visited, #subnav li#active-sub a:active {
	padding-left:    2px;
	font-size:       10px;
	display:         block;
	color:           #FFFFFF;
	text-transform:  uppercase;
	text-decoration: underline;
	font-weight:     normal;
}

Geändert von killray (24.09.2007 um 15:55 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 24.09.2007, 15:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2007
Beiträge: 19
killray befindet sich auf einem aufstrebenden Ast
Standard

Ich weiß, pushen is net erlaubt, aber wollte für das geänderte Problem keinen neuen Thread aufmachen.
Mit Zitat antworten
  #7 (permalink)  
Alt 24.09.2007, 17:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Aus akutem Zeitmangel nur etwas zu 1: Der IE zeigt die Links als visited, begünstigt durch einen Fehler in Deinem CSS - subnav hat eine Klasse, keine ID.

Code:
.subnav li a, #subnav li a:visited, #subnav li a:active {
	padding-left:    2px;
	font-size:       10px;
	display:         block;
	color:           #FFF;
	text-transform:  uppercase;
	text-decoration: none;
	font-weight:     normal;
}
Dieser Fehler kommt mehrfach vor.

P.S.: Du solltest Deine Link-Deklarationen eh vereinfachen. Mache eine Regel für a und definiere dann nur noch die Änderungen für die Pseudoklassen, für die sich auch wirklich etwas ändert, z.B. :hover. Dagegen solltest Du z.B. jegliches :visited rauswerfen, da es eh identisch mit a im Normalzustand ist.

Geändert von heiko_rs (24.09.2007 um 17:41 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Floating Caption Firefox vs IE7 spade CSS 2 15.08.2009 01:20
Unterschiedliche Menüdarstellung IE7 und FireFox hermarcar CSS 8 12.05.2009 18:42
Margin IE7 und Firefox unterschiedlich torkel CSS 5 02.02.2009 14:25
Unterschiedliche Layoutansicht bei IE7 und Firefox fossy (X)HTML 2 21.10.2008 16:02
Abstände im IE7 und Firefox HILFE bitte express CSS 0 03.05.2008 17:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:54 Uhr.