Homepage verschoben positionierung wie?

Internet
1

Hallo,

ich habe eine Frage zu meiner Homepage. Leider ist bei mir einiges verschoben.
Rechts oben, die Werbung, überdeckt manchmal die graue box(je nachdem, wie man zoomt).

http://www.pflanzspass.bplaced.net/Pflanzen_von_A-Z/…

Wie muss ich denn die boxen positionieren? Im Moment mache ich das mit absolute, aber das ist anscheinend nicht ideal.

Gruß hnaer.

2

Hallo Haner,

erstmal Glückwunsch, dass Du auf auf die Idee gekommen bist, Leerzeichen in den URLs zu escapen ;->

… obwohl es mir nicht in den Sinn kommt, warum man url-nonkomforme Dateinamen überhaupt vergeben muss.

Du gibst #right ein float:right
#right steht im eltern-element body und verhält sich insofern richtig … auch in Bezug zu den Elementen zuvor

den DIVs #box1-4 gibst Du absolute
warum dann #box3 überhaut im #content steht ist mir schleierhaft

ebenso dessen Sinn:
#content {
width:850px;
margin-left:260px;
}

wolltest Du im #content ursprünglich ein 3spaltiges Layout?

erste Schritte wären den DIVs #boxX erstmal das absolute zu nehmen und dann #left, #boxX und #right in #content zu legen.

mehr möchte ich in das CSS erstmal nicht einsteigen, weil es doch recht umfangreich ist.

Gruß
Klaus

3

Hallo Klaus,

danke für deine Antwort. Jetzt weis ich aber leider immer noch nicht, wie ich mein Problem beheben kann.
Ich möchte ein einfaches dreispaltiges Layout.

  1. Spalte: Navigationsleiste
  2. Spalte: Text
  3. Spalte: Werbung
    Wenn man die Homepage zoomt, sollte die 3 Spalten immer im selben Verhältnis zueinander bleiben.
    Habt Ihr vielleicht eine Vorlage, wie meine css-Datei aussehen könnte.
    Das wäre wirklich toll.
    Ich mich aber auch über andere Vorschläge.

Gruß haner

4

Hallo Haner,

Drei-Spalten Grundgerüst:


#links {float:left; width: 20%;}
#mitte { float:left; width: 58%;}
#rechts {float:left; width: 20%; }

links
mitte
rechts


Gruß
Klaus

5

Danke für die schnelle Antwort.
Aber irgendwie ist die Werbung jetzt nach links gerutscht.

Gruß haner.

6

Danke für die schnelle Antwort.
Aber irgendwie ist die Werbung jetzt nach links gerutscht.

das ist der sogenannte Flutsch-Effekt :smile:

du musst auch ein bißchen Platz lassen = z.b. die Mitte etwas kleiner … vielleicht nur 55%
hängt damit zusammen, was margin etc. auch noch an platz brauchen.

achso … ich hatte dem #rechts auch ein float:left gegeben, darum taucht es beim Flutsch-Effekt links auf

Gruß
Klaus

7

Hallo,

ich habs jetzt mal so gemacht.
http://www.pflanzspass.bplaced.net/Pflanzen_von_A-Z/…
Denkt Ihr so passt es einigermaßen, oder sind noch große Fehler drin.
Wird die Seite mit den meisten Browsern gut angezeigt?

Gruß haner