Tartalom + left sidebar alja

docker képe

Üdvözlet!

Saját smink készítésekor botlottam bele ebbe problémába, de elképzelésem sincs a megoldásról.
2 oszlopos layoutról van szó egy bal oldali menüsávval és egy tartalmi résszel. A probléma úgy jelentkezik, hogy a tartalmi részben véletlenszerű elemek olyan nagyságot vesznek föl hogy leérjenek a bal oldali menü aljáig. Először a clear-block-ra gyanakodtam, de kiderült hogy független az elemek osztályaitól.
Ha valaki találkozott már ezzel a problémával, vagy van valami ötlete, megköszönöm ha segít.

Ezeken az oldalakon jól látható, de jelentkezik adminisztrációs, és egyéb oldalakon is, mindenféle (számomra ismeretes) összefüggés nélkül.

http://portya.ecohost.hu/user/1
http://portya.ecohost.hu/node/16#comment-17

Segítséget előre is köszönöm!

Fórum: 
pp képe

.profile osztályon van egy clear:both; beállítás, ami ezt okozza.

Javaslom adj meg szélességet a mainContent-nek és float-old left-re azt is a sidebar mellé.

pp

0
0
docker képe

A profile oldalon a clear:both okozza de a többin sajnos nem.
A szélesség be van állítva de ha floatolom left-re akkor az egész #mainContent lekerül a left-sidebar alja alá.

0
0
thamas képe

Írtam neked mailt a weblaboros kontaktlapodról.

Üdvözlettel:
Hajas Tamás

0
0

Üdvözlettel:
Hajas Tamás

pp képe

Nézd már meg firefox/firebug-ban
Látszik, hogy nem a #mainContent kerül le a left-sidebar alá, hanem a #maniContent tartalma!!!
Miért van a #mainContent-ben a left-sidebar?
Azért mert floatolod, olyan mintha nem is lenne, mert nincs is, mert a szabvány szerint a floatolt elemeket a böngésző kiszedi, majd a maradék tartalommal körbefolyatja. Ezért a #mainContent a bal szélről indul. Bármilyen olyan tartalom van a mainContentben amire clear:both van beállítva az szépen a lebegő elem alá kerül és nyomja lefelé az egész tartalmat.

Vedd észre, hogy mindig egy ilyen elem van közvetlenül a sidebar alatt!
Minden oldalon a clear:both okozza, vagy egy túl széles elem(nagy kép pl) ami nem tud befolyni a lebegő sidebar mellé.

Megoldás több is van, keress rá a neten!
Én azt javasoltam, hogy ha 800 széles az oldalad, akkor ne csak a sidebar-t floatolt, hanem a mC-t is, Az egyik legyen 200 a másik 600 széles. Margója és borderje ne legyen, mert akkor meg más miatt fogsz szívni, de ez nem ide tartozik, mert ez egy Drupal fórum.

pl. verseket sem elemzünk, hiába van egy olyan irodalmi szájton, amit Drupal-ban készítettek! :D

pp

0
0
docker képe

Köszönöm a segítséget!

A probléma megoldódott. A mainContent left margin értékét levettem és kapott egy float:left-et megy mint az álom.

Elnézést kérek hogy eredetileg ide került ez a topic, közben kérdezősködtem a WL-on csak gondoltam a probléma megoldásáig meghagyom ezt, hátha információ tartalommal rendelkezik másnak is.

Ha van lehetőség megkérnék rá egy admint hogy töröljük innen ezt a topicot, és elnézést a szemetelésért!

0
0
Illyés Edit képe

  1. Ez nem Drupal probléma, ilyen kérdéseket a Weblabor fórumán érdemes feltenni.
  2. Egyszerűbb CSS problémák (a problémák 97%-a) megoldására nagyon jó a Firefox Firebug kiterjesztése. Internet Explorerhez is van hasonló bővítmény, bár elég fapados, de azért használható.
  3. A problémádat az okozza, hogy a .profile stílusosztályon van egy "clear: both" utasítás, ezért értelemszerűen minden előző float-olt elem alá csúszik, mivel a clear: both pont erre való. Ha te ezt nem akarod, akkor írd át "clear: right"-ra, vagy egyáltalán ne legyen clear.
0
0
docker képe

Köszönöm a gyors segítséget.
Firebuggal nézegettem én is. Van olyan elem amit ha beállítottam clear:none-ra akkor megjavult adolog, volt ahol clear-block-ot vettem ki de volt olyan oldal is ahol egyik sem volt mégis jelentkezett a probléma.

Ha jól emlékszem a szélességet megadtama #mainContent-nek de még megnézem a javaslatokat.

0
0