ComputerBase Menü
Aktuelles

[CSS] von Mozilla, Links und width-Angaben

N

Nase

Gast
Hallo,

warum geht solch ein Code nicht mit Mozilla/Firebird?

Code: 
.menu_c:link, .menu_c:visited {
	background-color: #DEE8EC;
	border-left: 5px #a5b8c3 solid;
	color: #4e6572;
	padding-left: 10px;
	text-decoration: none;
	width: 180px;
}

.menu_c:hover, .menu_c:active {
	background-color: #a5b8c3;
	border-left: 5px #4e6572 solid;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
	width: 180px;
}
Das Problem besteht darin, dass die Links nicht die Breite von 180px bekommen. IE und Opera haben damit keine Schwierigkeiten. Kann es sein, dass solch eine Deklaration nicht regelkonform ist?
 
hmm ich hab auch noch nie gesehen dass man links eine breite zuweisen kann. Bei Tabellen ja, aber links? Wie sieht das Ergebnis denn beim IE aus?
 
Sieht aus wie ein Div mit Text drin, nur dass, wenn man mit der Maus drüber geht, die Hintergrundfarbe wechselt, und das ganze anklickbar ist.
 

Anhänge

  • ie_moz_csslink.gif
    ie_moz_csslink.gif
    1,6 KB · Aufrufe: 446
Zuletzt bearbeitet von einem Moderator:
Stell mal ne Bsp. Datei Online hab gerade keine Lust das selber zu machen um es zu testen :), interessieren tut es mich auch....
 
Mal wieder was gelernt :) Funktioniert nun in Firefox, IE, Mozilla, Opera und Co...
 
Nur merk ich gerade noch einen anderen Fehler von Mozilla (oder von den anderen Browsern?). Bei Mozilla ist ein Link mit den oben angegebenen Attributen nicht 180px breit, sondern 195px (180px width + 5px border-left + 10px padding-left?). Wer hat nun Recht? Und wie kann man das umgehen?
 
Zuletzt bearbeitet von einem Moderator:
das Objekt müsste eigentlich dann 185 px breit sein, es sei denn Objekte darin sind zu groß ... :rolleyes:
 
Loopo schrieb:
das Objekt müsste eigentlich dann 185 px breit sein, es sei denn Objekte darin sind zu groß ... :rolleyes:
Zum Vergrößern anklicken....
Der Text nimmt je Link nicht mehr als 2/3 der Breite ein. Ok, es sind nicht ganz 195px, eher so 193px?! Irgendwie macht das alles keinen Spass mehr :(.
 
Wie die Browser den HTML-Code interpretieren, legst du per Doctype fest. Im standardkonformen Modus ist die Breite eines Elements definiert als die Breite des Inhalts ohne Padding, Border und Margin! Im Quirks-Modus sind Broder und Padding jedoch in der Breite enthalten. Siehe dazu: http://jessey.net/simon/articles/003.html

Wenn du also einen Doctype wie z.B.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
als erste Zeile in deiner HTML-Datei platzierst, verhalten sich alle Browser korrekt (Ausnahme IE < 6.0).
 
Und nochmal, besten Dank, funktioniert. Allerdings genau entgegen deiner Beschreibung.
 
Wenn ich dich aber richtig verstanden habe, dann wird der Standard-Modus nur erreicht, wenn man ein Doctype angibt. Im Standard-Modus werden Padding, Border etc. nicht mitgewertet.
Jetzt hab ich aber hier nun ein Doctype eingefügt, und nun verhält sich die Seite in allen Browsern so, wie anfangs im Mozilla. Also so, dass Border, Padding mitgezählt werden.
 
Standard-Modus (also mit Doctype): Deine Breitenangabe definiert nur den Inhalt, dazu(!) kommen dann Padding, Border und Margin.
Ist schon richtig so.
 
Auf jedenfall funktioniet jetzt nun alles. Noch mal besten Dank an alle die mir geholfen haben.
 
Steffen schrieb:
Das kommt drauf an, welchen Doctype du setzt. Bei ein paar Doctypes aktivieren die Browser trotzdem den Quirks-Mode. Bei welchen das der Fall ist, siehst du in der Tabelle unten auf einer Seite, die ich in einem früheren Beitrag verlinkt habe.
Zum Vergrößern anklicken....
Hab mir das nochmal durchgelesen, benutze jetzt HTML 4.01 Strict und nicht mehr Transitional. Hat aber nicht verändert, da meine Seite auch in diesem Modus keine Fehler beinhaltet :).
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

CyborgBeta
CSS HTML-Tabelle aus DIVs, aber letzte "Zelle" mit auto width?
Antworten
11
Aufrufe
572
floq0r
floq0r
O
PHP HTML: Wieso funktioniert width nicht
Antworten
10
Aufrufe
770
zenokortin
Z
J
Shopware 5 Accordion funktioniert nicht
Antworten
4
Aufrufe
876
ColdGlow
ColdGlow
Zornbringer
div span elemente nicht korrekt zentriert
Antworten
5
Aufrufe
517
Zornbringer
Zornbringer
O
CSS Text in Container soll beinhaltenden Container vergrössern
Antworten
4
Aufrufe
743
obilaner
O
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 165 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz