CSS: Border problem

Hvad med:

.text_rigth {text-align:right;}
.text_left {text-align:left;}

kgkg har det korrekte svar.
Grunden er at p og div begge er det man kalder block elementer. De har en "naturlig" placering når de plantes på siden, efter hinanden og inden i hinanden, men denne "placering"/struktur bliver ødelagt ved brug af float. Derfor skal float bruges med varsomhed. Den korrekte style du vil bruge i dit eksempel vil være text-align:right.
I dit lille eksempel vil du dog opleve at den udvendige div fylder hele dit vindue, da "text-align: right;" får div'en til at flyde ud. Derfor skal du begrænse div'ens størrelsen via "width", enten i hele px, eller %.

<ole>

_cyberdude_ >> Du skal nok lige tjekke op på din grundviden og lære lidt mere om CSS, før du prøver at afgøre, hvad det korrekte svar er  ;o)

nicolailissau >> Det korrekte svar er, at når du float'er elementer, tager du dem ud af sidens almindelige flow. De bliver lagt 'ovenpå' flow'et og tager derfor ikke plads op i dette - således som det også er tilfældet ved position:absolute, uden virkemåden for de to properties dog er identisk.

Du kan dog få elementerne til at fylde i flow'et, hvis du clear'er dem:



http://www.w3.org/TR/CSS2/visuren.html#float-position
http://www.w3.org/TR/CSS2/visuren.html#flow-control

/mvh
</bole>

=)

Øh... Olebole.. Ikke for at starte en diskution men hvad er lige forskellen på det jeg skriver og det du skriver????? Du skriver det med nogle andre ord, men vi siger sgu da begge to det samme, dog anbefaler du en clear both hvorimod jeg mente en text-align ville være fint...


mod


Jeg bruger ordet placering/struktur hvor du bruger ordet flow?

Teksterne skal stå i samme højde. Det gør de jo ikke, hvis du bruger text-align. Det kan kun gøres med float.

Du skriver:
    "men denne "placering"/struktur bliver ødelagt ved brug af float. Derfor skal float bruges med varsomhed."

Nej, der intet, der bliver 'ødelagt' - og der er ingen grund til at være særlig varsom med brugen. Spørgeren ønsker jo netop at ændre sidens naturlige flow, hvilket er helt almindeligt i moderne webdesign. Man skal bare vide, hvordan man kontrollerer flow - og dermed vide, at float og clear hænger uløseligt sammen og udgør et umådelig stærkt værktøj.

Dette er det rene vrøvl:
    "I dit lille eksempel vil du dog opleve at den udvendige div fylder hele dit vindue, da "text-align: right;" får div'en til at flyde ud. Derfor skal du begrænse div'ens størrelsen via "width", enten i hele px, eller %."

Et div er et block element og fylder som sådan altid hele den tilgængelige bredde - med mindre denne eksplicit er sat. Dets bredde har intet med justeringen af teksten at gøre.

Edit:
Jeg vil gerne pointerer at olebole's svar giver umiddelbart det bedste resultat. Men dette afhænger jo af hvad der ønskes. Spørgsmålet gik ud på hvorfor p taggene ikke bliver i div'en, og den del af spørgsmålet svarede vi i hvertfald begge to det samme på?

En clear both lader begge p blive på samme "linje", hvorimod en textalign vil lade dem være på hver sin "linje" og fylde hele linjen ud. Prøv en solid border på text_right og text_left og du vil se resultatet og forskellene.

Ok, men der står ingen steder at de skal stå i samme højde.
Du siger da selv man skal vide hvordan man kontrollerer flow, derfor kan man ikke bare uden viderer smide floats ind hvor det passe en, hvis man ikke ved hvordan man bruger dem korrekt. Er det ikke det samme som at man skal være varsom med floats hvis man ikke ved hvordan man bruger dem korrekt?... Ikke varsom som at jorden går under, men forkert brug af floats giver jo netop nogle resultater i en browser og andre resultater i andre browsere.

Jeg skrev det med at han skulle begrænse div'en, da jeg ikke går ud fra at det færdige resultat skal være at noget står helt til venstre og forrige og næste linksene står ca. 1600pixels længere henne. Jeg giver dig ret i at det ikke skyldtes text-align: left som jeg skrev, det er noget sludder.

Din kamp virker lettere desparat! Du skriver:
    "Er det ikke det samme som at man skal være varsom med floats hvis man ikke ved hvordan man bruger dem korrekt?... Ikke varsom som at jorden går under, men forkert brug af floats giver jo netop nogle resultater i en browser og andre resultater i andre browsere."

Jo, du skal passe på, for du ved ikke, hvordan float virker - men det implicerer ikke, man skal passe på. Man skal - som med alt andet - bare vide, hvordan man bruger værktøjet ... og at clear uundgåeligt hører med til brugen af float.

Forkert brug af en CSS property giver altid en anden virkning, end intentionen, men float giver netop ikke forskelligt resultat i forskellige browsere uden efterfølgende clearing

Spørgeren har skrevet to P elementer og floated dem henholdsvis left og right. Derudover har han lagt et div med border udenom.

Spørgeren synes tydeligt tilfreds med resultatet af hans anstrengelser med én undtagelse: Border'en lægger sig ikke udenom de to elementer.

Havde det været spørgerens mening, at de to tekster skulle stå på hver sin linje, går jeg ud fra, han besidder begavelse nok til at spørge, hvordan han kan få teksterne til at stå på to linjer.

Man skal anstrenge sig for at misforstå spørgeren  =)

Tak for svar.

Jeg ved ikke om jeg har været for uklar i min beskrivelse af det jeg ønsker, men meningen er at de to tekster skal stå på samme linje.

Jeg har selv prøvet med text-align, men kom også frem til resultatet at teksterne bliver separeret i to linjer. Derfor er dette ikke en løsning.

Jeg siger tak for deltagelse _cyperdude_ men tildeler olebole point da han kom med den løsning jeg kunne bruge.

Mvh

Jeg har lige et kort tilføjelses spørgsmål.

Hvordan kan jeg placere noget tekst i midten, stadig på samme linje?
- er ikke ligefrem nogen css haj :)

Du har ikke mulighed for at float'e et element i center. Så skal du give dine elementer faste bredder

Ok. Takker for det hurtige svar.

Selvtak - og tak for points  =)