Avatar billede superanden Nybegynder
18. november 2010 - 15:58 Der er 7 kommentarer og
2 løsninger

Element vises ikke korrekt i IE7, men virker i firefox+chrome

Hej. Jeg er ikke den store haj til CSS. Men jeg har udviklet en side i Joomla med de kundskaber jeg har. Men jeg har det problem at for nogle af mine undersider så står overskriften længere nede i IE7 end de andre browsere jeg har (chrome+firefox+ie8).

Et eksempel kan ses her:
http://www.idevelope.dk/signifikans/index.php?option=com_content&view=article&id=55&Itemid=62

Overskriften skulle gerne stå over den sorte streg hvilket den ikke gør i IE7 eller (IE8 i kombilitetstilstand).

Jeg har prøvet at køre en validering på CSS'en men der bliver ikke fundet nogle fejl. Er der nogle her der kan hjælpe med en løsning?

Mvh Anders
Avatar billede ChristianRLarsen Nybegynder
18. november 2010 - 16:03 #1
Hej superanden(:

I min firefox browser og IE 8 browser står overskriften over den sorte linje i begge 2?

Men nogle gange behøver man andre koder, da firefox og IE ikke altid reagere på samme måde.(:

MVH Christian
Avatar billede zips Juniormester
18. november 2010 - 16:20 #2
Prøv at sætte en line-height: 30px på dem.
Avatar billede superanden Nybegynder
18. november 2010 - 16:21 #3
Hej Christian

Tak for dit indlæg, du oplever det samme som jeg gør i de browsere. Men prøv at sæt din IE8 på kompatibilitets-mode så vil du se at stregen går igennem overskrifterne, hvilket den også gør i IE7.

Og det er netop en løsning på dette problem som jeg søger.
Avatar billede webweaver Praktikant
18. november 2010 - 17:56 #4
Det er altid godt at sætte borders på sine DIV's, når man fejlfinder, så vi kan se om der er et sted, hvor der er noget som udvider sig.

Du har brugt margin på dit h2 element. Kan du bruge padding på din div istedet og så vertical-align: top; på h2 fx. Det kan også være at der er noget padding på din div, som bliver vist i IE7. Så padding og margin til 0px på content div, før du prøver det andet evt.
Avatar billede superanden Nybegynder
23. februar 2011 - 10:25 #5
Tak for hjælpen, jeg prøvede med de forkellige hints men uden held. Endte med at købe mig til assistance hos et web firma som har løst det for mig.

Smid gerne svar så får i point.
Avatar billede webweaver Praktikant
23. februar 2011 - 12:35 #6
Okay. Det var godt at det blev løst i hvert fald :)
Avatar billede zips Juniormester
23. februar 2011 - 12:51 #7
Her er et svar :-)

Jeg kan dog ikke se på dit link at det er rettet, men hvad blev løsningen?
Avatar billede zips Juniormester
23. februar 2011 - 12:51 #8
Ups her er et svar :-)
Avatar billede superanden Nybegynder
23. februar 2011 - 14:01 #9
Tak for hjælpen, nogen gange må man indse at det er bedre at betale nogen der kan finde ud af det for at hjælpe en end at bruge dage på at løse det selv.

Angående addressen så firmaet siden over på deres test server og addressen er skiftet undervejs, jeg kan ligge et link når den er kommet endeligt på plads, da der var en del forbedringsforslag som vi gerne ville indføre.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester