CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

tanis13 Nybegynder

15. november 2011 - 23:49 Der er 11 kommentarer og
1 løsning

CSS <div> styling

Hej eksperter.

Jeg er stødt på et problem i forbindelse med styling af min en hjemmeside.

Jeg har en række divs som er placeret ved siden af hinanden ved hjælp af float:left.
Når man så resizer ens browser rykker hver enkelt div sig ned under hinanden.

Dette vil jeg gerne undgå, således at den række af divs jeg har vil bliver placeret ved siden af hinanden uanset størrelse på vinduet og i en form for iform.

Et eksempel kan findes her: http://binarybeast.com/xWar3FT1012210
En form for iframe omgrænser turneringen, men kun horisontalt.

Jeg har prøvet at bikse noget sammen, men uden helt.

Håber nogle har en løsning eller input til hvordan jeg vil kunne løse det!

MVH

Synes godt om

vandrefuglen Juniormester

16. november 2011 - 10:08 #1

Kan du ikke smide et link til siden, så er det lidt nemmere at se sig ud af ;-)

Synes godt om

tanis13 Nybegynder

16. november 2011 - 10:22 #2

Jo selvfølgelig.

Kan ses på: http://2mas.org/_fifa/brackets/?page=viewtournament&id=5

Synes godt om

tanis13 Nybegynder

16. november 2011 - 10:27 #3

Breden på det "iframe" agtige div skulle således gerne inkludere samtlige runder - er browseren for lille skulle der således være en div uden om runderne - ikke på hele siden.

Gir' det mening?

Synes godt om

vandrefuglen Juniormester

16. november 2011 - 12:01 #4

Prøv at smide en div rundt om dit skema, med en fast width. Det bør gøre det. Fx: <div style="width:1890px;>indhold</div>

Synes godt om

tanis13 Nybegynder

16. november 2011 - 15:20 #5

Det ser faktisk ud til at fungere helt udemærket.

Vil det være muligtsåledes at den ovenstående div kunne fungere som en iframe, således det kun var indholdet i den div som scrollede og ikke også alt andet?

Synes godt om

vandrefuglen Juniormester

16. november 2011 - 19:18 #6

Prøv evt at tilføje: overflow: auto; til den div med fast bredde. Bør være nok:-)

Synes godt om

tanis13 Nybegynder

16. november 2011 - 21:00 #7

Hmm umiddelbart hjælper overflow ikke.

Synes godt om

vandrefuglen Juniormester

17. november 2011 - 12:11 #8

hmm - det nemmeste er så nok at hente indholdet i en iframe... Men det er sjældent kønt med en scrollbar midt på en side...(blot min ydmyge mening)

Den fedeste løsning ville nok være at lave indholdet "dragable" med noget Jquery. Der ved ingen scrollbars og du vil kunne designe til de mest brugte skærmopløsninger...

Synes godt om

tanis13 Nybegynder

17. november 2011 - 18:14 #9

Bestemt. Jeg vil foretrække ikke at skulle bruge iframe.

Men hvis man bruger noget jquery, vil den vel under alle omstændigheder have en scrollbar?

Synes godt om

vandrefuglen Juniormester

17. november 2011 - 18:56 #10

hvia du laver en løsning med Jquery, er der ingen scrollbars. Det fungerer som google maps, hvor du kan trække dit indhold rundt.

Synes godt om

tanis13 Nybegynder

20. november 2011 - 18:10 #11

Har rodet lidt med testning af jquery til det og ser ud til at det bliver løsnigen :)
Smid et svar så får du point!
Tusind tak for hjælpen!

Synes godt om

vandrefuglen Juniormester

21. november 2011 - 18:35 #12

Det var så lidt :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS