ugrás a tartalomhoz

háttérkép css-sel

paal · 2008. Okt. 11. (Szo), 13.57
Sziasztok!

Egy oldalon ismeretlen számú előnézeti képet jelenítek meg soronként négyet.
Ha egy sorban nincs 4 elem, akkor a 4-ig fennmaradó helyet/blokkot, egy háttérképpel kellene feltöltenem. Ez táblázatos kialakításnál simán megoldható, de felsorolásnál nem, hiszen ott pontosan annyi eleme lesz, mint amennyi tartalom.
Elvileg el is készítettem egy hátteret, amit az <ul> hátteréhez raktam be de FF-ban (!?) valamiért nem jelenik meg. IE(6)-ban teljesen rendben van. Már kinéztem a szememet is, de nem jövök rá, hogy mit rontok el.

Itt megtekinthető

Úgy kellene, mint ahogy IE-ben megjelenik.

Köszi, Pali
 
1

a div.item-list utan tegyel

Ajnasz · 2008. Okt. 11. (Szo), 15.35
a div.item-list utan tegyel egy elemet a HTML-be, aminek clear:left style legyen beallitva
2

A floatok nem tágítják a konténerüket, csak IE-ben. Ezeket csiná

Fraki · 2008. Okt. 11. (Szo), 15.42
A floatok nem tágítják a konténerüket, csak IE-ben. Ezeket csinálhatod:
1. clear divet teszel a float-ok után

2. floatolod a konténert:
.field-field-same-product-code .view-content-same-product {style.css (line 804)
  background:transparent url(images/bg-colors-sport.jpg) repeat-y scroll 0 0;
  float:left;
  clear:both
}
3. height-ot adsz a konténernek:
.field-field-same-product-code .view-content-same-product {style.css (line 804)
  background:transparent url(images/bg-colors-sport.jpg) repeat-y scroll 0 0;
  height:119px;
}
3

megkötések nélkül

yaanno · 2008. Okt. 11. (Szo), 16.02
Az 1. megoldás - bár elterjedt - tag soupot eredményez, bár a kódot elnézve (no offence!) ez illeszkedhet a meglévőhöz.

A 3. megoldás problémás lehet ha több sorba törik a lista.

Személy szerint a 2. megoldást javasolnám, esetleg egy negyediket :)

4. overflow: auto

.view-content-same-product{ overflow: auto }
4

4. overflow: auto

paal · 2008. Okt. 11. (Szo), 19.09
Köszönöm mindenki segítségét. Ez tűnt legegyszerűbbnek:
.view-content-same-product{ overflow: auto }
Köszi, Pali
5

Még egy kérdés

paal · 2008. Okt. 11. (Szo), 23.21
Üdv,

Mégy egy css kérdésem lenne ezzel az oldallal kapcsolatban.
Most IE van problémám a pager-rel. A lap alján lévő lapozó valamiért belecsúszik a tartalomba.

Mitől lehet ez?

Köszi, Pali
6

overflow: hidden;

paal · 2008. Okt. 12. (V), 02.36
Az lett a megoldás, hogy a fix-ie.css-be tiltottam az előző stílust:
overflow: hidden;
Köszi, Pali