CSS Problem 3 (4) Spalten-Layout

[melodora]

Bin am verzweifeln. ich habe ein Layout mit 2 Spalten und Header and Footer.
Nun soll in die Linke Spalte:
1. Imageslider Modul
2. Individuelle Nav.
In der Hauptspalte dann Artikel mit/ohne Subcolumns Modul.
Problem liegt in der Aufteilung der linken Spalte. Es gibt inddividuelle Navigationsbereiche (farblich unterschiedlich) die sollen rechts neben dem Imagslider liegen. Machen sie aber nicht (grrrrrr....) Hab alles an floats und margins jetzt ausprobiert, gegoogelt etc. Es will einfach nicht. Vielleicht sehe ich ja auch den Wald vor lauter Bäumen nicht mehr.
Brauche dringend einen Tipp/Hilfe wie ich das Umsetzen kann.


Bin gespannt auf Eure Antworten
Gruss in die Runde
Melodora

[alex]

Hallo Melodora,

nimm mal das float: left; bei .slidingLeft raus.

Tante Edith:
Gefällt mir das Layout

[melodora]

das hilft leider garnicht weiter. Erste Nav ist jetzt nach links über imageslider gerutscht.

...

Danke für das Kompliment, gefällt mir auch. Nur langsam machte es mich etwas rasent....

Gruss
Melodora

[alex]

Hallo Melodora,

irgendwas hast Du jetzt zerdeppert. Ich hatte einfach im Firebug bei dem CSS Eintrag

.slidingLeft {
float:left;
margin-top:0;
}

das float:left; deaktiviert und habe das Ergebnis bekommen, das Du im Anhang sehen kannst.

[gera]

Hallo, versuch mal folgendes:

Nim mal aus der moebel.html - .mask1 das position: relativ raus.

Viele Grüße Gera

[melodora]

jo, genauso soll es aussehen.
Hab in der CSS datei nur das float: left; rausgenommen. mein Ergebnis hast du ja gesehen.
Bin wirklich am verzweifeln... das muss doch hinzubekommen sein!!!!

[alex]

Hallo Melodora,

Du musst aber zwischen Deinem 1. Post und meiner 1. Antwort noch etwas geändert haben.....

[Nina]

Ja und zwar: bei den farbigen Boxen jeweils das margin-left: 200px; entfernt. Wenn das wieder drin ist, passt es.

[alex]

Ja und zwar: bei den farbigen Boxen jeweils das margin-left: 200px; entfernt. Wenn das wieder drin ist, passt es.

Bäume, Wald, Urwald ...Danke habe ich übersehen ...

[melodora]

Hallo Alex,
hatte glaube ich die margin-left: 200px rausgenommen. Aber ich sehe wirklich bald vor lauter CSS keine Lösung.
Danke das du darüber schaust..

Danke das ihr mir helft:
hier der aktelle CSS Code für die Boxen:

.pink
{
width:150px;
height:150px;
float:right;
margin-left:200px;
background-color:#CA3B7B;
}

[alex]

Hallo Melodora,

immer mit der Ruhe. Gut Ding brauch Weile. Jetzt musst Du nur noch den Einwand von gera machen und alles ist schön...

[melodora]

Danke für die guten Worte, komme mir vor wie ein absoluter Beginner :-((
Hilft nix, mit Eurere Hilfe schaffe ich es bestimmt. Zumindest scheint schon mal die Sonne in mein Büro..

Gruss Melodora

[alex]

Hallo Melodora,

wenn Du die Änderung von "gera" umgesetzt hast, musst Du Dir noch einmal die Bilder im Slider anschauen. Ich glaube, dass da am unteren Bildrand ein Versatz drin ist.

[melodora]

Hi Alex,

hab das ganze von Gera realisiert (Danke Gera) doch nun ist der Slider weg...
Der Versatz im Bild ist nur ein etwas unsauberer Ausschnitt. Das ist einfach zu beheben.. :-))
Gruss
Melodora

Was für ein Tool hast du im FireFox für CSS??

[alex]

Nö, nö , nö !

Im Selektor ".mask1" steht noch immer das "position: relative".

[melodora]

wie komme ich daran? durchsuche gerade das ganze Backend...

[alex]

Der Eintrag kommt wohl von einem Modul bzw. Erweiterung. Steht explizit im Header.

Im Zweifel in der bunte_moebel.css einen Eintrag machen (siehe Screenshot).

[melodora]

Ja, den Quelltext hab ich auch gesehen. Css von dir bringt leider keine Änderung.

Der Imageslider ist im FireFox weg, im IE (8) nach unten gerutscht..

[alex]

Hi,

jetzt hast Du etwas anderes reingesetzt, als ich Dir beschrieben haben:

.mask1 {
line-height:1.5;
margin-left:10px;
margin-right:5px;
}

Das soll aber

.mask1 {
position:absolute !important;
}

stehen.

[alex]

Hallo Melodora,

brauchst Du noch Hilfe ?

[melodora]

Ja, hab grad Imageslider neu installiert.. keine Änderung. Komme an die css im Head nicht dran..

[alex]

Hallo Melodora,

das geht auch nicht. Lege in der Datei bunte_moebel.css einen neuen Selektor .mask1 an und schreibe ganz unten im Feld (eigener Code)

position:absolute !important;

rein.

Alternativ kannst Du mir auch einen Zugang einrichten und ich erledige das für Dich. Dann aber bitte weiter per PN.

[melodora]

das hatte ich ja gemacht....
also auf einen neuen Versuch...

Und gerne weiter per PN.... :-))

[melodora]

Jetzt passt es im FF, aber dafür nicht im IE (8)....

Jemand noch eine Idee ?????