Firefox Layout Problem

Re(8): Firefox Layout Problem

nico — Fri, 23 Nov 2007 18:26:52 GMT

ja i teste es eh imma im FF..
aber oft sind dann sachen nicht dort wo sie im FF sind.

drum hab ich meistens 2 CSS Files die ich mit useragent abfrage richtig einbinde..
ist imho aber nicht schön.

Re(7): Firefox Layout Problem

rian — Fri, 23 Nov 2007 18:11:54 GMT

also ich muss sagen, dass, wenn man sich mal eingearbeitet hat, die strikte trennung von form und inhalt mittels css enorm hilfreich ist. da erspart man sich einiges. früher mit tables war die erstellung von layouts wesentlich komplizierter muss ich sagen. bin mittlerweile richtig begeistert von den möglichkeiten von css.
das problem mit den zerschossenen layouts in ff sollte nicht passieren, weil man prinzipiell alles zuerst im ff testet und wenn da schon was nicht passt, dann ist sowieso der code falsch. weil der ff den code korrekt interpretiert. die web developer extension ist da übrigens extrem hilfreich. erst danach im ie testen und dort anpassen. das ist zumindest der sinnvollste weg und nicht umgekehrt.

Re(6): Firefox Layout Problem

nico — Fri, 23 Nov 2007 16:39:19 GMT

i weiss.. i hab mal damit gespielt für die eigene page..
da wirst sowas von *TRÖT*.. dann passts im FF switcht auf IE und alles sieht anders aus.

tables waren einfach überall gleich

Re(7): Firefox Layout Problem

Dr. Watson — Fri, 23 Nov 2007 16:36:25 GMT

Je mehr du damit machst, desto mehr wirst du lernen, dann sind solche Sachen nur noch Routine - ich wünsch mir die Tabellen schon seit Jahren nicht mehr zurück, außer für tabellarische Inhalte braucht man sie einfach nicht. Mache aber mittlerweile kaum noch was in die Richtung, dabei vergisst man die Hälfte leider wieder.

Zerschossenes Layout ist immer eine Frage des Standpunktes - für mich war das Layout in deinem Fall korrekt gerendert

Re(6): Firefox Layout Problem

ruprecht69 — Fri, 23 Nov 2007 16:33:14 GMT

Inzwischen hab' ich mich an die ganzen Browserweichen im CSS gewöhnt. Hat aber einige Zeit gedauert. Nur die Fehlersuche ist halt einfach ne Katastrophe. Wenn das Layout im FF auf einmal komplett zerschossen ist nur weil er das Menü verschiebt ist das ärgerlich ... aber andererseits auch ne Herausforderung .

Re(5): Firefox Layout Problem

Dr. Watson — Fri, 23 Nov 2007 16:31:34 GMT

Wenn in Punkto HTML bzw. CSS alle Browser Hersteller an einem Strang ziehen würden, bzw. die vorgegebenen Regeln einhalten würden, dann würden wir uns alle Monate wenn nicht Jahre unseres Lebens sparen, die momentan für irgendwelche kranken Hacks und Fehlersuche draufgehen...

Re(4): Firefox Layout Problem

ruprecht69 — Fri, 23 Nov 2007 16:29:01 GMT

Ja das Form Tag im IE ist sowieso eine einzige Frechheit. Was ich net ganz verstehe, dass sowas nicht konsequent durchgezogen ist. Entweder margin - dann aber bitte überall - oder halt keiner.

Re(5): Firefox Layout Problem

ruprecht69 — Fri, 23 Nov 2007 16:28:15 GMT

Ich hab mich nun ein mittleres Projekt, welches ausschließlich auf CSS basiert, entwickelt. Muss sagen, manchmal wünschte ich mir die good-old Tables zurück. Besonders bei der Fehlersuche gestaltet sich das Zeug oft ganz schön mühsam .

Re(4): Firefox Layout Problem

nico — Fri, 23 Nov 2007 16:19:54 GMT

FF macht aba im form tag auch einen zeilenumbruch ausser man schiebt die form tags ausserhalb der tabelle

Re(3): Firefox Layout Problem

Dr. Watson — Fri, 23 Nov 2007 16:16:55 GMT

Nein, Standard ist nicht 0, so wie es der FF in dem Fall rendert, ist es richtig.

Wenn du Spaß haben willst, mach das ganze im IE mal mit dem form-Tag - der ist ansich nicht mal fürs Layout relevant, und hat trotzdem im IE einen margin, was kompletter Mist ist.

Re(2): Firefox Layout Problem

ruprecht69 — Fri, 23 Nov 2007 14:14:44 GMT

Super thx. Da hätte ich aber auch selber draufkommen können. Ich dachte immer Standard = 0 ... aber wohl nicht konsequent überall .

Re: Firefox Layout Problem

rian — Fri, 23 Nov 2007 12:31:21 GMT

setz mal beim ul-tag margin und padding auf 0

#menu1 ul {margin:0; padding:0}

ul ist ja auch ein block-element und die haben diverse standard margins und paddings. da müsstest du vorher noch einen css-reset machen, damit du bei allen browsern die gleichen ergebnisse bekommst...

Re: Firefox Layout Problem

rian — Fri, 23 Nov 2007 12:31:21 GMT

Firefox Layout Problem

ruprecht69 — Fri, 23 Nov 2007 12:19:57 GMT

Moin!

Kann mir kurz ein Wissender erklären wieso sich dieser Browser so seltsam verhält. Untiger Codeabschnitt funktioniert im IE wie erwartet nur der FF zuckt aus. (Verwende zum Testen FF 2.0.0.9)

Wenn in dem Menü nämlich


<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<style>
body {
	background-color: silver;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif normal normal normal 8pt;
	color: #564b47;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu1 {
	background-color: #336699;
	color: orange;
	height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

</style>
</head>
<body>
  <div id="menu1"><ul><li>Abstandsmessung</li></ul></div>
</body>
</html>