Avatar billede zyph Nybegynder
03. august 2004 - 20:55 Der er 3 kommentarer og
1 løsning

Float og Clear problemer

Okay, det bliver måske lidt langhåret, men vi prøver.

Jeg har en #main div og en .rightbox div.
Kig på http://zyph.dk/problemer/?p=problem1

min #main følger ikke med .rightbox i højden da rightbox gerne skulle float: right;

Det blev løst sådan her med en <br class="clear />:
http://zyph.dk/problemer/?p=problem2

Hvis jeg så adder en masse indhold sådan her:
Med <br class="clear />: http://zyph.dk/problemer/?p=problem11
uden: http://zyph.dk/problemer/?p=problem22

Er min rightbox forneden, og ikke oppe foroven til højre, som den skulle være?

Mvh Oskar
Avatar billede roenving Novice
03. august 2004 - 21:00 #1
Du skal generelt sætte float:right;s foran det de skal floate bagved, for ellers kender browseren ikke den bredde, som er til rådighed for det resterende indhold !-)
Avatar billede zyph Nybegynder
03. august 2004 - 21:06 #2
Ja, har jeg prøvet (det virker), men da jeg går en del op i usability osv, vil jeg gerne have at siden ser godt ud, selv uden et stylesheet. Derfor skal siden være logisk bygget op, og det er ikke logisk hvis info boksen er før selve indholdet på siden imo.

Ved godt jeg er kræsen, men vil sq have det til at være perfekt ;)
Avatar billede roenving Novice
03. august 2004 - 21:16 #3
Så kan du måske lægge det resterende indhold ind i et element, så der er plads til boksen bagved ...

-- men det er vel ikke det du vil have, for så skal boksen jo have en bredde, som er smallere end det hele ...

-- ogeh, usability ?-)

http://blooberry.com/indexdot/css/properties/classify/float.htm

-- floats har været med siden css1, så hvordan vil du bære dig ad med at finde en browser, som ikke understøtter det ?-)

-- måske har de problemer med det, men det bliver jo ikke anderledes af, at du gør det rigtigt på css'sk !o]
Avatar billede zyph Nybegynder
03. august 2004 - 21:42 #4
Browserne viser det fint nok, det er ikke det :)

Uhm, jeg har fundet ud af, at floats IKKE floater op ad. Ang den vertikale placering, så ligger den hvor den er i sourcecode'en. Den floater kun til siderne, desværre ;)

Jeg må putte det øverst i min code så ;)
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