CSS meny problem i IE7

[Tonny Kluften]

På denne siden vises menyen i hvitt helt øverst i IE7, i FF er det ok.

Min nettside

Hva kan jeg gjøre for å få bort det hvite i IE7?

 

[hansson]

IE skjønner ikke floats, og du har to float lefts i toppen der. Du må enten kjøre på med en clearfix-løsning eller prøve en quick og dirty tom div etter siste float, med clear:both i css.

I mange tilfeller funker det med en elegant overflow:auto på elementet som ligger utenpå de to floatene, som beskrevet litt nedi her:

Simple Clearing of Floats

 

[Tonny Kluften]

Takk for det hansson, men jeg fikk det ikke til med clear:both eller overflow:auto.

 

[hansson]

Prøv å putte dette i css og legg til class="clearfix" på alle elementer i nærheten av problemet (helgardering...):

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

 

[Tonny Kluften]

Vet ikke om jeg gjør noe feil nå, men har satt inn drøssevis av class="clearfix" uten å oppnå annet enn at det blir feil i FF også.

 

[hansson]

hmm, nei da vet jeg sannelig ikke hva dette kan være. Har du eksperimentert med position:relative på ytre og indre elementer?

 

[Tonny Kluften]

Jeg har prøvd å flytte toppbildet helt opp. Klarer ikke å legge menyen framerst med z-index og samtidig vise bakgrunnsbilde.

 

[hansson]

Jeg vet Men man lærer jo ofte noe ved å prøve og feile. Og lese litt på nettet osv. Vi får håpe noen smartinger kan gi deg et mer presist svar.

 

[Sjefskoder]

Nå sitter ikke jeg ved en windowsmaskin, men ser heller ikke i CSS'n din at du har med

* {
  margin: 0;
  padding: 0;
}

noen sted..
Prøv dette lille "nullstill for samtlige browsere"-trikst å se om det hjelper..
Legg det øverst i CSS'n din

 

[Tonny Kluften]

Takk, men det gikk ikke det heller.

 

[Sjefskoder]

Nå leste jeg heeele innlegget da..

Det gjelder altså at menyen i hvit

Sleng ut CSS'n din også skal vi løse dette fortere enn svint

 

[peterandrej]

Tror det er fordi du ikke har angitt bgcolor på noe annet enn "rap". Denne egenskapen blir da "lånt" nedover i koden, og da kan du få et sånt utslag. Legg også merke til at diven "top" ikke finnes i CSS-filen, og at de der "clearfix" du har lagt til er helt unødvendige da de ikke har fått angitt noen egenskaper.

Løsningen blir derfor å opprette diven "top" i css-filen og angi at bakgrunnen på denne skal være ønsket farge/bgbilde.

Forøvig ser koden din som vanlig helt grusom ut, og anbefales ryddet i.

 

[Tonny Kluften]

Her er css fila: http://www.sija.no/admin_demo/wp-content/themes/ZodiacEmporium/style.css

Diven top finnes da i css fila:

#top {
width: 1024px;
height: 34px;
margin: 0px auto;
}

Men å sette bakgrunnsfarge der vil vel ikke få menyen til å flytte seg og legge seg oppå det sorte feltet i bildet under slik som det vises i FF?

Grusom kode ja, hva kan man forlange av et gratis theme haha.

 

[Sjefskoder]

Har ikke validert siden din heller nei...

Gjør dette alltid før du spør om hjelp..

Ikke alle skjønner hvor viktig dette er for å få nettsiden til å fungere korrekt..

Nettsiden din refererer til en drøss med CSS-filer..
Trenger du virkelig alle disse.. ikke rart at nettleseren blir forvirret


Kjørte en validering og det ser ikke særlig bra ut..
108 feil i CSS-filene totalt
9 feil i hoved-CSS'n
19 feil i html'n

Fiks dette før du spør om hjelp igjen
Også som peterandrej sier, så må du rydde i kodene.. gratis theme eller ikke..