2009-12-15 9 views
5

Il sito Web al quale sto lavorando ha alcuni problemi con i browser Webkit (Chrome, Safari, ecc.) Uno di questi è che ho un elenco di elenchi puntato visualizzazione strana. L'elemento di primo livello si trova a destra dell'elenco anziché a sinistra.Browser Webkit che spingono un proiettile a destra

alt text http://www.jamespwright.com/images/public/screengrabs/f220646f8149dff1b6437cee66498fce.PNG

io non riesco a risolvere il problema. Ho provato l'overflow: nascosto, ho provato la posizione in stile elenco: all'interno, nulla sembra funzionare.

EDIT

cercherò di fornire una parte del codice, ma è un luogo abbastanza grande che è costruito con DotNetNuke quindi potrei non essere in grado di darvi troppe informazioni.

Il codice in questione è questo:

#PremiumServicesMenu .LinkList ul { 
    margin-top: 0px; 
    margin-left: 1em; 
    _margin-left: 3em; 
    margin-bottom: 0px; 
} 
/* Safari and Chrome specific settings */ 
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    .PremiumServicesContainer .LinkList ul { 
     list-style-position: inside; 
    } 
} 

e il codice html per tale sezione è questo:

<div id="PremiumServicesMenu"> 
    <div class="PremiumServicesContainer"> 
     <span class="Corporate"> 
      <div id="PremiumServicesHeader"> 
       <div class="PremiumServicesShim"></div> 
       <div class="PremiumServicesTitle">Premium Services</div> 
       <div class="EndCap"></div> 
      </div> 
     <div class="LinkList"> 
      <ul> 
       <li><a href="#">AIMS</a></li> 
       <li><a href="#">Feed Lab Analysis</a></li> 
       <li><a href="#">MSDS</a></li> 
       <li><a href="#">Prior Cargo</a></li> 
         </ul> 
     </div> 
</span> 
</div> 
</div> 

Il problema sembra essere con l'altezza pagina. Negli altri browser, se la pagina non è molto alta, questa sezione dei servizi Premium conserva ancora un'altezza che si adatta a tutto, ma in Webkit se la pagina è breve, questa sezione si accorcia e mette il primo elemento accanto all'immagine dell'intestazione dei Servizi Premium piuttosto che sulla linea sottostante. Se la pagina è abbastanza lunga, questo problema non si verifica.

+0

Che cos'è il CSS? –

+1

Ti aspetti davvero che ti diciamo cosa c'è che non va nel tuo codice senza guardarlo? – Chuck

+1

Siete dei o uomini ?! –

risposta

13

La risposta era nei galleggianti. L'ul necessario per aggiungere clear:both;.

+0

Woot! Mi ha salvato da un po 'di debugging! – PruitIgoe

+0

Woot Woot! Woot! – jdog

+0

ma cosa fai se non vuoi cancellare? – pathfinder

Problemi correlati