CSS-Problem bei Firefox/Netscape

[svenalbert]

Hallo,

ich zerpflücke gerade das CSS der 3.1-Demo um es genau zu verstehen.

Folgendes Problem taucht direkt am Anfang auf.

Ich habe den Home-Link auf dem Logo mal von der linken auf die rechte Seite verschoben, weil ich auf meinen Seiten die Logos (im weitesten Sinne) auf der rechten Seite habe.
Dabei kommt bei mir (bei Firefox und Netscape) ein langer horizontaler Strich zustande, der auf den Link reagiert.

Zu finden ist der Spaß hier

Jemand ne Idee, warum Mozilla-Browser da murksen und der IE nicht?


Danke,
Sven

[serioussimon]

also im ff 1.5 hab ich diesen strich nicht - im ff 1.0.4 hingegen schon

nichts für ungut aber: wenn du dort rechts ein logo hinsetzen willst, dann sollte auch das dafür vorgesehene element verwendet werden (stichwort: semantischer code)
ich würde auch nicht gleich zu anfang drei div's in dein template einbauen - fang einfach mit dem grundgerüst an - und arbeite dich dann nach innen

hier noch ein link bzgl. semantischem code: http://www.vorsprungdurchwebstandards.d ... oding.html

mfg simon

[svenalbert]

also im ff 1.5 hab ich diesen strich nicht - im ff 1.0.4 hingegen schon

Gut und weiter ^^

ich würde auch nicht gleich zu anfang drei div's in dein template einbauen - fang einfach mit dem grundgerüst an - und arbeite dich dann nach innen

Darum geht es mir ja auch nicht. Ich hab auch schon an ein paar Seiten gebaut, die ähnlich aufgebaut waren.

Ich würde gern wissen, warum so ein einfacher Schritt von hier

Code: Alles auswählen

#logo { 
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo a { 
	display: block;
	height: 100px;
	width: 170px;
	text-indent: -700em;
}

nach

Code: Alles auswählen

#logo { 
	position: absolute;
	top: 0px;
	right: 0px;
}

#logo a { 
	display: block;
	height: 100px;
	width: 200px;
	text-indent: -1000em;
}

also die verschiebung des logos diesen Strich dahin baut.


Dennoch danke für den Link.

[Markus.Staab]

Hi,

ich sehe mit dem FF 1.5/ IE 6 / Opera 8.5 keinen Strich...

Gruß,
Markus

[serioussimon]

füge mal das dazu - so sollte es dann klappen

Code: Alles auswählen

#logo a {

...

   text-decoration: none;
} 

dieser blaue strich war nichts weiter, als die unterstreichung des links der durch das text-indent verschoben wurde.

mfg simon

[svenalbert]

super vielen dank (hätte man auch selber drauf kommen können ^^)