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:
  1. .field-field-same-product-code .view-content-same-product {style.css (line 804)  
  2.   background:transparent url(images/bg-colors-sport.jpg) repeat-y scroll 0 0;  
  3.   float:left;  
  4.   clear:both  
  5. }  
3. height-ot adsz a konténernek:
  1. .field-field-same-product-code .view-content-same-product {style.css (line 804)  
  2.   background:transparent url(images/bg-colors-sport.jpg) repeat-y scroll 0 0;  
  3.   height:119px;  
  4. }  
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
  1. .view-content-same-product{ overflowauto }  
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:
  1. .view-content-same-product{ overflowauto }  
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:
  1. overflowhidden;  
Köszi, Pali