[GastForen Web allgemein HTML und CSS / Stylesheets Float-Problem

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Float-Problem

schönbi
Beiträge gesamt: 72

13. Apr 2011, 12:05
Beitrag # 1 von 3
Bewertung:
(1455 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe ein Problem mit dem Float, glaube ich zumindest. Ich habe zwei divs aufeinanderfolgende verschachtelt in einem Layout, der eine rutscht immer weit nach unten. Auf meiner lokalen Umgebung war der Abstand immer gleich. Jetzt variiert er je nach Länge des Seiteninhaltes. Ich verstehe nicht warum.

http://www.gloor-sieger.ch/...it_international.php hier ist der Abstand zwischen den Thumbnails "Ansprechpartner" und "Team" zu gross.
http://www.gloor-sieger.ch/...gkeit_immobilien.php hier ist er korrekt.

Der Code aber ist identisch.

Das Problem ist der div.anwaelte. Drin sind die thumnails enthalten, die links floaten.

Ausschnitt aus dem css für die die keinen Firebug haben:
Code
#center { 
width: 1000px;
margin: 10px auto;
}
#kopf {
width: 970px;
height: 100px;
margin: 0 15px;
}
#logo {
float: right;
}
#bildbalken {
text-align: right;
margin: 0 15px;
}
#flash {
height:455px;
width:1000px;
}
#spalten {
margin: 18px 15px 2em 15px;
min-height: 300px;
}
#navigation {
margin: 0 0 2em 0;
float: left;
width: 285px;
}
#inhalt {
width: 530px;
margin: 0 0 0 295px;
}
#fusszeile {
clear: left;
width: 970px;
margin: 18px 15px;
padding: 10px 0;
}
.antifloat {
clear: left;
line-height:0;
height:0;
padding:0;
margin:0;
}
.anwaelte {
width: 552px;
}
.anwaelte a {
float: left;
margin: 0 18px 18px 0;
width:120px;
height:160px;
display:block;
}

X

Float-Problem

schönbi
Beiträge gesamt: 72

13. Apr 2011, 13:45
Beitrag # 2 von 3
Beitrag ID: #469074
Bewertung:
(1433 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ich habe jetzt den Code reduziert um zu sehen wo das Problem liegt:
http://www.gloor-sieger.ch/...it_international.php

Es liegt scheinbar am <br class="antifloat" /> im <div class="anwaelte">. Der bewirkt, das der zweite div unter der navigation erscheint, weil diese auch links floatet. Aber wenn ich den br rausnehme, rutscht der zweite <div class="anwaelte"> hinter die thumbnails des ersten divs. wie kann ich das umgehen?


als Antwort auf: [#469064]

Float-Problem

schönbi
Beiträge gesamt: 72

13. Apr 2011, 14:55
Beitrag # 3 von 3
Beitrag ID: #469078
Bewertung:
(1427 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich konnte das Problem mit eine relativen Position und overflow auto lösen.

Code
.anwaelte  { 
overflow: auto;
position: relative;
width: 552px;}


Danke für die stillschweigende Unterstützung. ;)


als Antwort auf: [#469074]
(Dieser Beitrag wurde von schönbi am 13. Apr 2011, 14:57 geändert)