Avatar billede xhtml Nybegynder
05. juli 2011 - 14:04 Der er 11 kommentarer

IE7 Float fejl

Hej :)

Jeg skal have noget tekst til at stå ved siden af et billede.
Teksten står i et p-tag med en bredde, og billede er uden for tagget.

Det den gør i IE7, er at sætte teksten neden under billeder, når billede går hen i teksten. Det skal rigtigt skal gøre kan i se i nyere browsere.

Her er et link:
http://ldf-marked.dk/StyleTester/test.htm
Avatar billede Slettet bruger
05. juli 2011 - 14:06 #1
Sæt en float:right på dit billede.
Avatar billede xhtml Nybegynder
05. juli 2011 - 14:09 #2
Det har jeg allerede gjort.
Avatar billede Slettet bruger
05. juli 2011 - 14:16 #3
Prøv at sætte billedet ned under teksten i stedet.
Avatar billede xhtml Nybegynder
05. juli 2011 - 14:26 #4
Så kommer billedet bare neden uden teksten.
Avatar billede webweaver Praktikant
05. juli 2011 - 16:28 #5
Det ser heller ikke ud til at virke i IE 9?
Prøv at sætte clear: none; på dit paragraph tag.
Så har du tilladt floating elements på begge siden af det.
Avatar billede xhtml Nybegynder
06. juli 2011 - 08:53 #6
tjek igen, nu virker det i IE9 og ikke i IE7.
Og clear:none; gjorde ingen forskel.
Avatar billede webweaver Praktikant
06. juli 2011 - 09:51 #7
Det virker i hvert fald i IE 9.
Avatar billede webweaver Praktikant
06. juli 2011 - 09:52 #8
Har ikke IE  7 liggende selv, så kan ikke rigtig teste på det.
Avatar billede xhtml Nybegynder
06. juli 2011 - 10:02 #9
I IE9, kan du trykke F12 og vælge Internet Explorer 7 under "Browser Mode". Så vil den vise siden som den vil blive vist i IE7.
Avatar billede webweaver Praktikant
06. juli 2011 - 15:41 #10
Ahh, der kan man bare se :-)
Avatar billede EXstorm Praktikant
06. juli 2011 - 22:56 #11
Den samlede bredde er 580px med padding. Billedet er 286px og p elementet er 400px. Så der er ikke plads. Du kan udvide den yderste div til  686px... Og så ville jeg sætte en fast bredde på billedet også. <img style="float: right:width:286px;" src="billede.png">
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