Jeg har problemer med at få 2 og 3 kolonner til at fungere i en relativ div, der er del af et større layout.
Den er 800px bred og har et baggrundsbillede der gentager sig vertikalt, der skal derfor ikke tages hensyn til at kolonnerne "følges ad" i højden.
Mit problem er, at FF ikke automatisk flytter teksten ned på næste linie. Kan I give mig noget kode jeg kan rode med? Jeg vil som sagt gerne kunne bruge teknikken til både 2 og 3 kolonner.
Teknologi, AI og forretning er i centrum på Computerworlds Cloud og AI Festival i København d. 18. og 19. september. Se hele programmet for den store konference om strategisk brug af Cloud og AI på: www.cloud-festival.dk
olebole, jeg har fundet ud af, at det mere er et generelt problem. Når jeg laver en relativ div ved jeg ikke, hvordan jeg tvinger teksten til at følge div'ens width. Ofte vil teksten bare fortsætte hen over div'ens bredde.
Dette virker, dvs. teksten bliver afbrækket af kolonnernes bredde:
Problemet er, at så snart jeg indsætter en div i f.eks. kolonne1 har jeg problemet med, at teksten blot fortsætter ud over kolonne1. Der er nogle variabler som jeg ikke har styr på?!
problemet er højst sandsynligt at Firefox er meget mere følsom mht. præcisering af oplysninger i din css, end explorer. Derfor hvis du vil være sikker, så skær alting ud i pap for firefox... dermed får du også med større sandsynlighed samme resultat crossbrowser, når du er færdig med sitet... :)
men start med at definere alt hvad der skal være relativt positioneret, hvilket ser ud som om, at alt skal.
http://rs-invent.dk/temp/box.php <-- her ser det fint ud.. læg mærke til at jeg har tilføjet margin og padding, da det tit er det der går galt mellem IE og FF hvis ikke det defineres.
du kan evt. sætte relativ positionering på alt, medmindre det er meningen at sitet skal laves efter browseren, så er du på den sikre side med at alt dit indhold forbliver hvor du vil have det..
Ja, jeg har også resultatet som -zonic- har postet.
Når jeg nu indsætter en <div> i kolonne1, hvor menuen skal være, vil et menupunkt som er længere end width'en udvide div'en. Hvordan undgår jeg dette? Jeg har f.eks. en list med menupunkter, og nogle af menupunkterne kunne være længere end "tilladt"...
det lyder ikke hensigtsmæssigt, at de er for bredde..du kan skjule dem, som olebole beskriver, men jeg vil ikke foreslå det, da det ser uprofessionelt ud, at man kan se der mangler noget... ellers må du lave et script, med max længde på din text og så evt ... bagefter.. ser lidt bedre ud... men begge løsninger er noget skidt da designet gerne skulle passe til menuen... men op til dig selvfølgelig :)
Uautoriseret d- elte ord ser v- ed Gud heller ikke særlig pr- offesionelt ud!
Én ting er at blive stemplet som dårlig designer, der er nødt til at gemme noget tekst for at få tingene til at gå op. Det er da værre at blive stemplet som dårlig designer med et seriøst sproghandicap ;o)
tror du misforstår mig.. jeg snakker ikke om sproghandicap eller om at dele ord som du så fint illustrerer ;)
jeg taler om ex.
menu information omkring... kontakt os
se lige mit post igennem igen, og find lige det sted hvor jeg foreslår at dele ord ;oP
jeg foreslår at man kan se at man er opmærksom på at noget fylder for meget ved at tage hensyn med de 3 ... istedet for at det bare står "sprogspas" og så er "ser" smuttet ;)
MS har forresten en CSS-property, der desværre ikke er standard - som hedder 'text-overflow'. Den kan have værdien 'clip' og 'ellipsis' og den sidste lave netop udeladelses tegnet - de tre punktum. Den virker, forudsat overflow er sat til hidden =)
- men som sagt er den desværre hverken valid eller understøttet i andet end IE :o|
Synes godt om
Ny brugerNybegynder
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.