Avatar billede lademan Novice
17. august 2004 - 10:09 Der er 14 kommentarer og
1 løsning

Problemer med float

Hejsa.

Jeg har har en tabel med nogle billeder, der er placeret til højre for noget tekst vha funktionen float: right, som det ses her: www.surfersinfo.dk/artikler/?id=356

Imidlertid vil jeg gerne inde i teksten (placeret til højre for billede-tabel) indsætte en tabel med en width, der går helt hen til ovenfornævnte billede-tabel. Jeg vil helst undgå at skrive en fast width i denne tabel da billede-tabellen varierer i bredde.

Hvordan løser jeg problemet?
Avatar billede mik789 Nybegynder
17. august 2004 - 10:14 #1
Du mener vel:

Imidlertid vil jeg gerne inde i teksten (placeret til VENSTRE for billede-tabel)
?
Avatar billede lademan Novice
17. august 2004 - 10:15 #2
Præcis ;-)
Avatar billede mik789 Nybegynder
17. august 2004 - 10:23 #3
jeg tror bare du skal give den nye tabel (i teksten til venstre) egenskaben style="width:100%", da elementer placeret ved siden af floatede elementer beregnes ud fra den bredde der er tilbage
Avatar billede lademan Novice
17. august 2004 - 10:25 #4
hmm, af mærkelige årsager går tabellen under billede-tabellen :-(
Avatar billede lademan Novice
17. august 2004 - 10:30 #5
Jeg æder mine ord i mig! Tak for hjælpen :-) Smid et svar, så du kan få nogle point.
Avatar billede mik789 Nybegynder
17. august 2004 - 10:40 #6
OK, håber det dur nu. Jeg sad lige og testede selv og får et godt resultat: tabellen forbliver til venstre for float:right billederne også når man resizer ned
Avatar billede lademan Novice
17. august 2004 - 10:54 #7
Cool :-)
Avatar billede roenving Novice
17. august 2004 - 11:57 #8
Bare lige vær opmærksom på, at en style=width:100% ifølge standarden betyder 100% af det nærmest omgivende elements definerede størrelse, så konstruktionen vil få principielle problemer, hvis man bruger en fuldt kvalificeret doctype inkl. dtd-link !-)
Avatar billede mik789 Nybegynder
17. august 2004 - 12:12 #9
roenving> men her har vi et element sat ved siden af et floatet element, og så beregnes af den tiloverblevne bredde - så vidt jeg forstår http://www.w3.org/TR/REC-CSS2/visuren.html#floats og http://blooberry.com/indexdot/css/properties/classify/float.htm
se også sp: http://eksperten.dk/spm/529979
Avatar billede mik789 Nybegynder
17. august 2004 - 12:22 #10
roenving> her er en domo: http://dev.e-tidsskrift.dk/lademan.html
Avatar billede mik789 Nybegynder
17. august 2004 - 12:25 #11
som er ok i Gecko, men ikke i IE - kan jeg se nu. jeg tror det er Gecko der "har ret", selv om det jo ikke hjælper så meget
Avatar billede roenving Novice
17. august 2004 - 13:03 #12
Hvis du floater elementer _med_ bredde sammen med et block-level element _uden_ bredde og float, skal block-egenskaben ganske rigtigt sørge for, at det udfylder den tiloversblevne plads !-)

-- men den bør ikke virke, hvis du sætter en bredde på, for som skrevet ovenfor er en %-sats altid taget i forhold til det nærmest omkransende element, hvor en bredde kan aflæses !-)
Avatar billede mik789 Nybegynder
17. august 2004 - 13:21 #13
så du mener at det er IE der fortolker rigtigt her...
I det tilfælde kan det ikke lade sig gøre at fylde bredden ud med en tabel (da denne som blokelement ikke kan have angivet nogen bredde og dermed ikke kommer til at fylde andet end dens indhold). Det betyder vel at der man ikke kan løse problemet med css alene.
I så fald må lademan evt. ty til noget JavaScript som beregner den tiloversblevne bredde og tillægger den som style.width til tabellen. Sådan som det er gjort her f.eks.: http://e-tidsskrift.dk/dev/lademan_script.html
Avatar billede roenving Novice
17. august 2004 - 13:26 #14
-- det er i hvert fald min konklusion på den slags, ja !-)
Avatar billede lademan Novice
22. august 2004 - 07:15 #15
Hov, i Mozilla virker Mik789's forslag ikke... Hvordan imødekommer jeg dette problem?
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