Hallo zusammen,
habe da ein Problem mit Safari. Ich bekomme die 3 Container nicht gleichmäßig verteilt. Es geht um die 3 Artikel.
Der Seitenlink ist:
www.das-bergische-online.de
Bitte nicht zu genau schauen da ich noch am schreiben bin
Vielen Dank
Hallo zusammen,
habe da ein Problem mit Safari. Ich bekomme die 3 Container nicht gleichmäßig verteilt. Es geht um die 3 Artikel.
Der Seitenlink ist:
www.das-bergische-online.de
Bitte nicht zu genau schauen da ich noch am schreiben bin
Vielen Dank
Hallo,
zum Safari selbst, kann ich nichts sagen. Sehe gerade posting von Astrid. Ja, ist mir auch aufgefallen.
Abgesehen davon, dass die ganze Seite nicht responsiv ist:
Wenn man über Artikel 1 & Artikel 3 'hovert', sehen diese 'normal' (FF) aus. Artikel 2 ist aber verschoben. Vielleicht sieht man das deswegen im Safari nicht gleichmäßig. Da: template.css, Zeile 245:
Außerdem wird für die 3 Artikel fixe pixel von 264px; genommen, statt z.B: 30%; oder so.
Aber auch wenn ich obiges temporär ändere, kriege ich es nicht responsive hin.
Gruß, Christine
Danke ihr beiden,
@astrid , das verwendete Template ist selber geschrieben und clearfix mit dem dazugehörigen css sorgt dafür das der Wrapper die Höhe der inneren Container automatisch übernimmt.
@christine2 transform habe ich genommen um den mittleren Container mittig zu stellen was in den Standartbrowsern auch geht außer Safari und die Artikel sollen eine feste Breite haben. Responsive setze ich @media ein und eine Breite von 25% (abstände zwischen den Containern mit einbezogen) würde das Problem nicht nicht lösen denn Safari setzt den mitleren Artikel dadurch immer noch nicht mittig. Das mit den fixen Breiten ist in der Machart egal da die Wrapperbreite fix ist.
Ist es doch, <div class="clearfix" id="menuwrapper"> ist div id="..." und class="..." in einem Element. Der Vorteil ist, du nutzt nur für class="clearfix" nur ein css was immer dann gilt wenn man einige wrapper nutzt mit div id und class in einem.
Hallo Spike69,
wenn ich im Quelltext schaue, erscheint das da. Siehe Bild.
Gruß, Christine
Na geh, wieso ist das Bild so verstümmelt.
Schreibs hier her:
<div "clearfix" id="artikelwrapper1">
<div class="clearfix" id="artikelwrapper">
<div id="artikel1">
<div class="moduletable">
siehe 1. Zeile.
Das ist seltsam, die " sind in beiden öffnend und schließend drinnen.
<div "clearfix" id="artikelwrapper1">
Hallo Spike69,
Die Anführungszeichen sind ja da, aber können nicht 'zugeordnet' werden ....weil fehlen tut ja:
class=
Gruß, Christine
Ich dößpaddel, stimmt, ich danke dir
Hallo Mike,
versuchs mal so:
das ist falsch wie die anderen schon schreiben
so könnte es funktionieren (ungetestet)
<div id="artikelwrapper" class="artikelwrapper clearfix">
<div class="artikelwrapper-inner">
<div class="artikel"> mod1 </div>
<div class="artikel"> mod2 </div>
<div class="artikel"> mod3 </div>
</div>
</div>
in der css: .artikel { width: 33%; float:left; padding: ... }
Ich würde aber meine templates auf bootstrap aufbauen da du ja Joomla einsetzt. Dann kööntest du row-fluid sowie span12 / span4 verwenden. Das würde dein Leben leichter machen
EDIT: ich seh grad, ... zu langsam ...