Float Problem Im Content nochmals floaten

Computer: Software & Programmierung HTML & CSS
#1

Ich habe ein 2 Spaltenlayout: links die Navigation rechts den Content. Diese sind zusammen in einem grossen Div-Container.
Jetzt hab ich die Navigation mit float:left; gefloatet und den Content garnicht. (so siehts schon so aus wie ich will…)
Jetzt mein Problem:
wenn ich im Content Bilder nach links floate werden die erst angezeigt unter der Navigation.
wie muss ich was clearen das dies geht?
so siehts aus: http://w30.img-up.net/?up=Capturecv662.PNG

#2

Hallo Tobias,

es wäre sicher hilfreich, das DIV-Gerüst zu posten um ggf. Ergänzungen oder Veränderungen vorzuschlagen.

Vermutlich aber kann ich Dir da nur sehr wenig mit Rat zur Seite stehen.
Mir hilft im Zweifelsfall ein Studium bestehender Seiten kombiniert mit aktuellen Online-Nachschlagewerken zum Thema wie beispielsweise SelfHTML…

Wünsche Dir gutes Gelingen und viel Erfolg bei Deinem Unterfangen,
Andy Dee

#3

Ich bin da nicht der Super-Experte. Ich probiere das einfach aus. Versuche bitte folgende Alternativen:

  1. clear=left im öffenenden div des Content-Containers oder eines Containers innerhalb des Content-Containers

  2. auch den Content-Container nach links floaten lassen

  3. dem Content-Container einen linken Rand geben, der der Breite der Navigation + x entspricht

Es gibt bestimmt noch Dutzende mehr Möglichkeiten. Konkreter kann ich dir helfen, wenn ich den Quelltext deiner Seite hätte.

#4

Danke vielmals für die Antwort,leider hab ich die Website mit Typo3 verwirklicht, vielleicht sieht ihr den fehler gerade, aber man muss sich zuerst ein bisschen einarbeiten …
http://pastebin.com/xRaDERf5 --> html
http://pastebin.com/5yyeBWkP --> gallerycss (bilder)
http://pastebin.com/Z7P87AT9 --> Layout css

#5

Danke probier ich gleich aus… quelltext ist gepostet :smile:

#6

Danke probier ich gleich aus… quelltext ist gepostet :smile:

Ich hab das Contentelement auch gefloatet… jetzt geht es … Danke an euch! starke leistung

#7

hi,

also ich kann aufgrund deines quelltextes nur raten, was das problem sein könnte, da der betroffene teil als bild angezeigt wird. und laut deinem css ist nur die ul mit float left definiert. ich schlage dir mal folgendes vorgehen vor.

html:

//hier dann deine ul

//hier deine bilder und der andere inhalt

css:
.menue {float: left; position: relative;}
.content {float: right; position: absolute;}

hat bei mir mehrfach super funktioniert.
du solltest auch zur besseren übersichtlichkeit die komplette formatierung aus dem html-doc ins css verlagern.

#8

Hallo,

könntest du mir mal den Quelltext schicken, ich konnte dein Problem nicht nachvollziehen.

Gruß

Fehlalarm

#9

Das ist jetzt ein wenig schwierig zu beantworten. Meiner Meinung nach solltest Du das Layout uerberarbeiten. Was spricht dagegen den Navigationsbereich und den Contentbereich zu floaten. z.B.

div#wrapper {width:80%; height:auto;}
div#nav {width:20%; float:left;}
div#conten t {width:60%: float:left;}

Es gibt aber auch die Moeglichkeit es so zu machen wie Du es bis jetzt gemacht hast. Dann muesstest Du aber den Abstand vom linken rand angeben. Wenn dein Nav Bereich z.B. 200px breit ist muesstest Du bei den Images ein padding-left:210px einbauen. Mit float bekommst Du da die Probleme die Du jetzt hast. Ich hoffe das hilft Dir weiter. Ansonsten kannst Du gerne noch mal fragen.

#10

Hi Sorry das ich mich erst jetzt melde.
Ist dien Problem noch akut?

#11

Hi Sorry das ich mich erst jetzt melde.
Ist dien Problem noch akut?

Nein hat sich erledigt danke :smile: