Browserweiche für Firefox?

jackprince · 04.10.2010

AW: Browserweiche für Firefox?

Stattdessen wird hier nur darüber diskutiert ob mein geposteter Code ausreicht und ob meine Seite valide ist. Nein sie ist nicht valide und das stört mich nicht solang sie korrekt dargestellt wird. Und die Boxen an sich werden völlig korrekt dargestellt!! Auch wenn die BRs außerhalb der ListItems sind!!

Ganz einfacher Grund, angenommen das ist ein Template für mehrere Seiten bzw. ein CMS, dann hast du eventl. in einem Bereich unterschiedlich viel Inhalt pro Seite.

Also kann es passieren das sich die Seite jedes mal anders verhält wenn sie eine andere "Optik" bekommt.

Eine Seite nicht valide zu bauen ist der beste Schritt alles wieder und wieder machen zu müssen und nie wirklich eine gute Problemlösung zu haben.

Statt nun wenigstens zuzuhören und nachzudenken über das was mehrere andere Nutzer zig mal wiederholen, nämlich das du schauen solltest das du validen Code hast und bestenfalls im Firefox entwickelst tust du genervt.

Eine Weiche für den Firefox aus optischen Gründen ist kurz gesagt Unsinn. Valides MarkUp das für Webkit oder Gecko Engine entwickelt wurde, ist mit sehr hoher Wahrscheinlichkeit in allen guten Browsern gleich.

Nicht valides MarkUp ist unzuverlässig, lässt Browser teils unberechenbar reagieren.

Normalerweise lass ich micht auf solch einen Ton ein, aber ganz ehrlich ich hab

a) den Eindruck das deine HTML Kenntnisse eigentlich gen Null tendieren
b) dir das egal ist
c) du so kurzsichtig bist das du nur schnell mal über den Lack polieren willst, aber den kaputten Motor drinnen lassen willst

Das kann man sogar alles noch akzeptieren. Aber der leichte genervte Ton den man erahnen kann hilft nicht unbedingt. Auch ist wohl den meisten hier bewusst das wenn du das Problem so löst (auch wenn du sagst du willst es nicht lösen) wie du es tun möchtest , es nicht lange dauern wirst und du ins nächste Problem läufst und wieder hier oder wo anders nach Hilfe suchst.

Im übrigen sind <br /> Elemente nicht zum layouten gedacht sondern für den Fall das man wirklich mal im Text einen Umbruch erzwingen muss.
Es wird teils auch anders gerendert. Aber das weißt du sicher schon.

Maschmo · 04.10.2010

AW: Browserweiche für Firefox?

root funzt bei mir in jeder version des firefoxes (auch mit margin)? hast vllt was falsch gemacht, kannst testhtml haben, wenn du willst?

Firefox ansprechen:

:root input.anrede{

margin-left: 5px;
margin-top: 30px;
}

Ie6 ansprechen:

*html input.anrede{
margin-left: 5px;
margin-top: 30px;
}

Ie7 ansprechen:

*:first-child+html input.anrede{
margin-left: 5px;
margin-top: 30px;
}

jackprince · 04.10.2010

AW: Browserweiche für Firefox?

conditional comments sind aber noch immer die bessere Wahl.

Da man so nur in den Browsern die es wirklich brauchen die
spezifischen CSS Angaben lädt.

Das mögen nur ein paar Bytes sein, aber das summiert sich mit der Zeit auch.

Maschmo · 04.10.2010

AW: Browserweiche für Firefox?

der Topicersteller wollte browserweiche, für ein kleines problem genügt das vollkommen

jackprince · 04.10.2010

AW: Browserweiche für Firefox?

Für ganz wenige Anpassung mag das sicher reichen.
Birgt aber auch immer die Gefahr das unterschiedliche
Browser in unterschiedlichen Versionen plötzlich verstehen
was man da so tolles ins css "gehackt" hat.

Bin mir nicht sicher was da zukunftsorientierter und unkomplizierter
zu handeln ist, conditional comments bzw. lösungen per php zum
verwerten des user agents oder doch css hacks die eventl. mit der
Zeit mehr werden und plötzlich in anderen Versionen des selben
Browsers nicht mehr funktionieren.

Stat also in einem Buch das Kapitel "hier ist was dich interessiert"
aufzuschlagen gehen wir lieber Seite für Seite durch und schauen
ob Randnotizen zu finden sind die interessieren.

MfG

DiVaO · 04.10.2010

AW: Browserweiche für Firefox?

Okay dann entschuldige ich mich für den genervten Ton und werde versuchen, meine Seite jetzt mal valide zu machen.. 160 Fehler werden mir angezeigt davon kommen viele vom CMS das ich verwende aber zumindest die, die in der htm vorkommen werd ich versuchen zu beseitigen...

Da hab ich mal eine Frage gleich.. der Validator spuckt grundsetzlich eine Fehlermeldung aus wenn folgendes in der Datei steht:

<div id="bla" align="center">

Das Problem ist aber dass CSS kein align kennt also wo soll ich denn das align hinschreiben wenn's in der div invalide ist und in der css nicht vorhanden?? Wenn ich das jetzt versuche zu lösen mit float oder so dann passt das ja eh nichtmehr

EDIT:

Und eine zweite Frage:

Der Validator zeigt mir im Menü unmengen an Fehlermeldungen an - ich bin das jetzt fünf mal durchgegangen habe Tags gezählt usw. und es passt eigentlich alles aber laut dem Validator nicht.

HTML:

    <div id="top" >
	  <div id="head" > 
      
   
            <div class="navwrap">	
                <ul id="nav">
                <li><a href="?news">Home</a></li>
		<li><a href="?forum">Board</a></li>
		<li><a href="?chat">Chat</a></li>
		<li><a href="?user">Member</a></li>
		<li><a href="?lobby">Lobby</a></li>
                <li><a href="">Clan</a>
                    <ul>
                    <li><a href="?join">Bewerben</a></li>
                    <li><a href="?faq">Fragen</a></li>
                    <li><a href="?trainings">Trainings</a></li>
		    <li><a href="?rules">Regeln</a></li>
		    <li><a href="?awaycal">Abwesenheit</a></li>
		    <li><a href="?history">Geschichte</a></li>
                    <li><a href="?contact">Kontakt</a>
                </li>
                    </ul>
		    </li>
		  <li><a href="">Teams</a>
                    <ul>
                    <li><a href="?teams-show-11">Uncharted 2</a></li>
		    <li><a href="?teams-show-15">Bad Company</a>

		     <ul>
			 <li><a href="">Waffen</a>

			     <ul>
                     <li><a href="?bc2wpmedic">Medic</a></li>
                    <li><a href="?bc2wpingenieur">Ingenieur</a></li>
                    <li><a href="?bc2wpassault">Soldat</a></li>
		    <li><a href="?bc2wpsniper">Sniper</a></li>
                </li>
                    </ul>
		    </li>

		     <li><a href="">Fahrzeuge</a>

			     <ul>
                     <li><a href="?bc2vhvehics">Leichte Fahrzeuge</a></li>
                    <li><a href="?bc2vhtanks">Schwere Panzer</a></li>
                    <li><a href="?bc2vhhelis">Helikopter</a></li>
		    <li><a href="?bc2vhboats">Wasserfahrzeuge</a></li>
                </li>
                    </ul>
		    </li>
                    
                    
                </li>
                    </ul>
		    </li>

		     </li>
                    </ul>
		  </li>


                <li><a href="?archive">Archiv</a></li>
                <li><a href="?blog">Blog</a></li>
                </ul> 
             </div>
    	</div>

Meistens sagt er mir dass da ein closing-tag ist der keinen opening-tag hat...

Manfred62 · 04.10.2010

AW: Browserweiche für Firefox?

LittleBIGFan schrieb:
160 Fehler werden mir angezeigt davon kommen viele vom CMS das ich verwende ....

....und in der css nicht vorhanden?? Wenn ich das jetzt versuche zu lösen mit float oder so dann passt das ja eh nichtmehr

160 Fehler, puuh... Was hast du überprüft? HTML, CSS oder beides?
Welches CMS verwendest du? Eventuell kennt sich ja jemand mit der Syntax aus.
Zum einen ist align="center" veraltet. Zum anderen: du kannst doch über die css deine divs positionieren.
Hmm, Fragen über Fragen...

Zu 2.: schon #top ist nicht geschlossen, dann noch weitere li's
habs mal durch tidy gejagt:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 25 March 2009), see www.w3.org" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <title>
      Untitled
    </title>
  </head>
  <body>
    <div id="top">
      <div id="head">
        <div class="navwrap">
          <ul id="nav">
            <li>
              <a href="?news">Home</a>
            </li>
            <li>
              <a href="?forum">Board</a>
            </li>
            <li>
              <a href="?chat">Chat</a>
            </li>
            <li>
              <a href="?user">Member</a>
            </li>
            <li>
              <a href="?lobby">Lobby</a>
            </li>
            <li>
              <a href="">Clan</a>
              <ul>
                <li>
                  <a href="?join">Bewerben</a>
                </li>
                <li>
                  <a href="?faq">Fragen</a>
                </li>
                <li>
                  <a href="?trainings">Trainings</a>
                </li>
                <li>
                  <a href="?rules">Regeln</a>
                </li>
                <li>
                  <a href="?awaycal">Abwesenheit</a>
                </li>
                <li>
                  <a href="?history">Geschichte</a>
                </li>
                <li>
                  <a href="?contact">Kontakt</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="">Teams</a>
              <ul>
                <li>
                  <a href="?teams-show-11">Uncharted 2</a>
                </li>
                <li>
                  <a href="?teams-show-15">Bad Company</a>
                  <ul>
                    <li>
                      <a href="">Waffen</a>
                      <ul>
                        <li>
                          <a href="?bc2wpmedic">Medic</a>
                        </li>
                        <li>
                          <a href="?bc2wpingenieur">Ingenieur</a>
                        </li>
                        <li>
                          <a href="?bc2wpassault">Soldat</a>
                        </li>
                        <li>
                          <a href="?bc2wpsniper">Sniper</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li>
                  <a href="">Fahrzeuge</a>
                  <ul>
                    <li>
                      <a href="?bc2vhvehics">Leichte Fahrzeuge</a>
                    </li>
                    <li>
                      <a href="?bc2vhtanks">Schwere Panzer</a>
                    </li>
                    <li>
                      <a href="?bc2vhhelis">Helikopter</a>
                    </li>
                    <li>
                      <a href="?bc2vhboats">Wasserfahrzeuge</a>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
          <ul>
            <li>
              <a href="?archive">Archiv</a>
            </li>
            <li>
              <a href="?blog">Blog</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </body>
</html>

Obs so geht, keine Ahnung.
Gruß Manfred

DiVaO · 04.10.2010

AW: Browserweiche für Firefox?

Manfred62 schrieb:
160 Fehler, puuh... Was hast du überprüft? HTML, CSS oder beides?
Welches CMS verwendest du? Eventuell kennt sich ja jemand mit der Syntax aus.
Zum einen ist align="center" veraltet. Zum anderen: du kannst doch über die css deine divs positionieren.
Hmm, Fragen über Fragen...

Gruß Manfred

Ich verwende das Ilch CMS und davon kommen ca. 150 Fehler auf die ich keinen Einfluss habe... ich werde jetzt mein Template umschrieben und es mal ohne CMS hochladen damit ich mal nur das Template nach Fehlern checken kann.

EDIT: Sorry die div top ist bei mir geschlossen habs beim kopieren übersehen.

EDIT2: Meine htm ist jetzt valide. Der Fehler bleibt also liegt es an der css ich werd mal schauen was sich tun lässt.

DiVaO · 04.10.2010

AW: Browserweiche für Firefox?

Alöso ich hab jetzt eine Lösung gefunden die scheint mir zwar ziemlich dämlich aber sie funktioniert

Undzwar hab ich alle Fehler ausm Template entfernt und dann hab ich das float:left vom Content entfernt. Jetzt geht die weiße Contentbox in FF und in allen anderen Browsern wieder auf gleiche Höhe mit dem Banner und den Boxen, aber jetzt ist der Content nach unten gerutscht. Das heißt der contentbereich fängt ganz oben an und der Inhalt fängt da an wo die Boxen aufhören, das ist in jedme Browser so außer im IE. Jetzt setz ich für den content-inhalt nen margin-top damit er wieder ganz oben ist und beim IE ne browserweiche dass da der content-margin-top auf 0 ist.

Klingt dämlich aber funktioniert^und diesmal ist meine datei valide ^^

Maschmo · 12.11.2010

AW: Browserweiche für Firefox?

jackprince schrieb:
Für ganz wenige Anpassung mag das sicher reichen.
Birgt aber auch immer die Gefahr das unterschiedliche
Browser in unterschiedlichen Versionen plötzlich verstehen
was man da so tolles ins css "gehackt" hat.

MfG

das wurde nicht gehackt, die browserhersteller haben die pseudoklassen selbst eingeführt, zur Sicherheit, falls mal was nicht funzt.

*html ie6 {
display: none;
}