Avatar billede lademan Novice
09. december 2003 - 17:38 Der er 23 kommentarer og
2 løsninger

div og float?

Virker det her generelt i nyere browsere? Eller skal jeg passe på med at bruge det? Any danger?

<DIV STYLE="float: right">
Avatar billede roenving Novice
09. december 2003 - 17:44 #1
Det er css2, så den skulle gerne virke i alle nyere browsere ...

http://www.w3.org/TR/REC-CSS2/
Avatar billede roenving Novice
09. december 2003 - 17:47 #2
Ser sågar ud til at den også er med i css1:
http://www.w3.org/TR/CSS1#float
Avatar billede lademan Novice
09. december 2003 - 17:54 #3
Hmm - i IE 6.0 får jeg problemer med ved-siden-af-stående css. Tjek her:
http://www.surfersinfo.dk/artikler.php?action=read&id=299

Billedet er omkranset af <DIV STYLE="float: right"> og længere til højre går en vertikal sort streg ned og adskiller det hvide fra det blå... men denne sorte streg forsvinder når jeg har denne div kørende...

Sammenlign fx med denne:
http://www.surfersinfo.dk/artikler.php?action=read&id=298

Hvad er fejlen og hvordan retter jeg den?
Avatar billede roenving Novice
09. december 2003 - 17:59 #4
Hvordan implementerer du stregen ?-)
Avatar billede lademan Novice
09. december 2003 - 18:17 #5
vha css
Avatar billede lademan Novice
09. december 2003 - 18:18 #6
border
Avatar billede roenving Novice
09. december 2003 - 18:18 #7
Er det et element eller en border ?-)
Avatar billede lademan Novice
09. december 2003 - 18:19 #8
Det er ikke noget problem i mozilla..
Avatar billede lademan Novice
09. december 2003 - 18:21 #9
border
Avatar billede roenving Novice
09. december 2003 - 18:21 #10
Nej, jeg gætter på, at det er en side-effekt af IEs forkerte opførsel mht. borders ...

IE lægger nemlig borders inde i elementet, mens de andre browsere lægger den som de skal, nemlig udenpå elementet !-)
Avatar billede lademan Novice
09. december 2003 - 18:23 #11
Okay! Hvad er løsningen så?
Avatar billede roenving Novice
09. december 2003 - 18:25 #12
Jeg ville prøve med:

<DIV STYLE="float:right;padding-right:2px;">
Avatar billede lademan Novice
09. december 2003 - 18:25 #13
Hvis jeg ikke bruger div og indsætter style i billedet virker det fint.
Problemet er at vi nogle gange har tekst under billedet som så ikke vil floates...
Avatar billede roenving Novice
09. december 2003 - 18:25 #14
Øv,

<DIV STYLE="float:right;margin-right:2px;">
Avatar billede lademan Novice
09. december 2003 - 18:27 #15
Hmmm - det hjalp desværre ikke
Avatar billede lademan Novice
09. december 2003 - 18:33 #16
Den er åbenbart ikke helt så nem...
Avatar billede lademan Novice
09. december 2003 - 18:33 #17
Skal jeg virkelig lave stregen med en tabelcelle og en gif?
Avatar billede roenving Novice
09. december 2003 - 18:36 #18
Det lyder godt nok utroligt, at det skulle give problemer ...

Kunne du måske sætte borderen på cellerne ved siden af ?-)

Nå, nej, så kommer der problemer med Mozilla ...
Avatar billede lademan Novice
09. december 2003 - 18:45 #19
ved siden af? how?
Avatar billede roenving Novice
09. december 2003 - 18:47 #20
border-left på td'erne !-)
Avatar billede lademan Novice
09. december 2003 - 19:25 #21
thanx - det blev løsningen :-)
Avatar billede lademan Novice
09. december 2003 - 19:47 #22
Du skulle ikke tilfældigvis være manden der kan hjælpe mig yderligere?
http://www.eksperten.dk/spm/435594
Avatar billede roenving Novice
10. december 2003 - 12:25 #23
Jeg skal nok prøve at kigge på dit billede-problem, når jeg får tid, men hvornår det bliver kan jeg ikke sige lige nu !-)

-- men velbekomme med denne opgave '-)
Avatar billede bjoarn Nybegynder
10. december 2003 - 15:21 #24
Float-propertien er understøttet af flertallet af nyere browsere...
Men for at det virker korrekt, er man nød til at forholde sig meget teoretisk til site-flow, nesting og position, ellers opstår der mange fejl.
En god side med forklaringer om float, position, IE-bugs m.v:
http://www.positioniseverything.net/
Avatar billede roenving Novice
25. november 2007 - 16:47 #25
-- og tak for point ;~}
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