Baumstrukturmodus | Linearer Modus

lunaluna · 21-10-2008, 04:46 PM

Ich bin dabei, für unsern chor ne site zu erstellen ( nach-acht.de ). Im ff2 bzw Safari sieht sie auch so aus, wie sie soll, im ff3 dagegen verschiebt sich alles.

laut browsershots tritt das auch auf bei
ff3.0/windows XP
Galeon 2.0.7/Fedora 7
ff3.0.3/Mac OS X 10.5
Iceweasel 3.0.1/Debian Testing
ff3.0.2/freeBSD 7.0
Minefield 3.1/windows XP
seamonkey2.0/windows XP
epiphany2.22/Ubuntu 8.04 LTS
Flock2.0/Window XP
Minefield 3.0/Debian Testing
Shiretoko 3.1/Ubuntu 8.04 LTS
seamonkey2.0/Ubuntu 8.04 LTS
Flock2.0/Ubuntu 8.04 LTS
ff3.0.3/Ubuntu 8.04 LTS
Shiretoko 3.1/windows XP

Habt Ihr vielleicht ne Idee, woran das liegen könnte?

flex · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 07:48 PM von flex.)

Ne ne, bei mir ist die Umfrage zu weit links wodurch sich der Rest weiter nach unten schiebt. Hab erst mal keine Idee. Muss irgendwie am CSS leigen. Weiß du welche CSS-Eigenschaften das Umfrage-Modul bzw. die rechte Spalte (#right_col) hat?

Ist noch was anderes falsch?

lunaluna · 21-10-2008, 07:41 PM

wow, danke Deimos, für die schnelle Reakton!

hm, ich benutz auch ff 3.0.3 (MAC OS X 10.4.11) - den Effekt (auch bei den anderen browsern aus meiner Liste) kannst Du gut unter http://browsershots.org/http://nach-acht.de/ sehen.
- auf dem windows Rechner meines Mannes sieht es übrigens genauso besch... aus - die Abstimmung soll neben, nicht über dem "Rezept" stehen

Seite gezoomt? wüsst ich nicht - ich hab etliche tabs gleichzeitig offen, die sehen alle normal aus...

Webseiten-Stil - ich vermute, Du meinst das Template? wenn ich das Template wechsle, sieht es besser aus, es liegt also am Template???

also irgendwas, was FF3.0.3 nicht versteht (ich dachte, sowas gäbs nur bei den IEs) - jetzt wären gute CSS- und HTML-Kenntnisse angesagt fürchte ich (und da bin ich nicht wirklich fit drin) oder hast Du nen Tip

(zu einer Frage nach der Kodierung: <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>)

Gruß
lunaluna

flex · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 07:47 PM von flex.)

#main_body #right_col {
margin-left:5px;
right:2px;
top:0px;
float:right;
width:217px;
}

#left_col {
position:absolute;
top:200px;
width:224px;
background-color: #a40a10;
padding-bottom:20px;
}

Wie man sieht hat die Rechte Spalte "float:right". Es ist zwar eigentlich überflüssig, aber versuch's doch mal damit: Gib der Linken Spalte #left_col ein float:left. Wäre meine Idee.

lunaluna · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 07:58 PM von lunaluna.)

so hab ich das gemacht:

#left_col {
position:absolute;
float:left
top:200px;
width:224px;
background-color: #a40a10;
padding-bottom:20px;

das wars wohl nicht *g* nun ist die navi ganz nach oben gerutscht - oder muss das position:absolute; weg?

edit: hatte ein ; vergessen, deshalb der Rutsch nach oben - sorry

flex · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 07:57 PM von flex.)

Auweia, du hast ein ; (Semikolon) vergessen

flex · 21-10-2008, 07:57 PM

Es scheint nichts geholfen zu haben Sad

lunaluna · 21-10-2008, 07:59 PM

soll ich position absolute mal wegnehmen?

flex · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 08:31 PM von flex.)

#main_body {
position:absolute;
top:200px;
left:224px;
width: auto;
min-width:600px;
padding:5px;
background: #ff912f;
}

Nein, du musst irgendwie das width:auto ändern. Das scheint das Problem zu sein. width auto gibt dem Teil die Breite des Übergeodneten Elements. Ich könnte mir vorstellen, das FF3 das nicht kapiert und daurch die Breite des main_body zu klein ist und somit nicht genug Platz für beides nebeneinander ist. Jedenfalls hab ich, als ich bei Google firefox 3 width:auto eingegeben habe berichte über probleme mit float gefunden. Das trifft ja genau zu.

flex · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 08:17 PM von flex.)

position absolute bestimmt in diesem Fall übrigens nur den Abstand von oben. Width: auto einfach wegzulassen wäre eventuell problematisch und so ganz sicher bin ich nicht, dass das das Problem ist. Ich würde noch folgendes probieren:

Füge deinem template mal
.blog {
float:left
}
hinzu.

lunaluna · 21-10-2008, 08:24 PM

an eine besimmte stelle oder ist das egal?

flex · 21-10-2008, 08:25 PM

ist egal

lunaluna · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 08:31 PM von lunaluna.)

sieht gut aus! super! Danke!
ich werd nochmal im browsershot kontrollieren, wie es bei den andern browsern aussieht und berichten

erstmal aber tausend dank!!!!

edit: geht leider erst morgen, einmal am tag darf man nur.

flex · 21-10-2008, 08:30 PM

Gern geschehn Smile

flex · (Dieser Beitrag wurde zuletzt bearbeitet: 21-10-2008 08:43 PM von flex.)

Das hat jetzt aber nicht ganz die Browserinkompatibilität gelöst. Die Umfrage ist immer noch zu weit links, das liegt vielleicht wirklich am auto oder so. Ich wollte dir gerade raten der .moduletable ein position:absolute; right:10px; zu geben, aber da fast jedes Element bei Joomla (du nutzt doch joomla?) moduletable heißt geht das natürlich nicht. Ansonsten, so ist es ja schon nicht schlecht

lunaluna · (Dieser Beitrag wurde zuletzt bearbeitet: 23-10-2008 06:52 PM von lunaluna.)

Admin schrieb:Das hat jetzt aber nicht ganz die Browserinkompatibilität gelöst.

stimmt - was sich immer mehr herauskristallisiert: ich hab da ein etwas eigenwilliges template erwischt, zumindest für FF3 schwere kost- die wiedergabe der bilder in der galerie (/Bilder), wenn man die slideshow nutzt, ist alles andere als angenehm mit der hüpferei

Zitat:Die Umfrage ist immer noch zu weit links, das liegt vielleicht wirklich am auto oder so. Ich wollte dir gerade raten der .moduletable ein position:absolute; right:10px; zu geben, aber da fast jedes Element bei Joomla (du nutzt doch joomla?) moduletable heißt geht das natürlich nicht. Ansonsten, so ist es ja schon nicht schlecht

ja, ich nutze Joomla! 1.0.15 Stable
wäre das die stelle, wo ich was ändern müsste?

(find ich da:
<div id="right_col">
<table class="moduletable" cellspacing="0" cellpadding="0">
<tbody>)

table.moduletable {template_css.css (Linie 145)
margin-bottom:2px;
padding-left:3px;
width:100%;
}

(hoffentlich tipp ich nun nicht völlig daneben :rolleyes Smile

edit: hab das originaltemplate grad ausprobiert (http://www.joomlademo.de/index.php?mos_c...ingisdead) - die startseite sieht ja korrekt aus, aber wenn man sich durchklickt, wirds abenteuerlich - nahezu alles verrutscht.....
liegt also nicht an den änderungen, die ich vorgenommen hab

hätt ich das bloß eher gesehn, dann hätt ich ein anderes template genommen Sad

na, zum glück ist der FF3 ja noch nicht so verbreitet ....

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	Menüleiste verschoben	krissibarmann	1	259	11-09-2011 11:04 AM Letzter Beitrag: admin
	Bild von homepages verschoben	seberich	2	739	18-07-2011 09:58 PM Letzter Beitrag: seberich