Avatar billede showsource Seniormester
22. juli 2009 - 07:50 Der er 11 kommentarer og
1 løsning

Div placerer sig under forangående div

Hej
Jeg har en div som, hvis der ingen linieskift "<br />" er i teksten, lægger sig under en div jeg har før.

css:

#divholder {
    margin: 0 auto;
    width: 940px;
    min-height: 400px;
    border: solid #DBDBDB;
    border-width: 3px;
    color: #000000;
    background-color: #FFFFFF;
          }

#divleft {
    margin: 0px;
    border-right: solid #DBDBDB;
    border-width: 2px;
    padding-top: 16px;
    background-color: #F9F8EF;
    color: black;
    width: 152px;
    font-size: 0.9em;
    min-height: 400px;
    float: left;
    overflow: auto;
          }

#divindhold {
    font-size: 0.9em;
    float: left;
    padding: 8px;
            }

"divholder" er "maindiv"
I den lægger jeg de to andre div.
Det er så i "divindhold" jeg problemer.
Selvom der er space mellem hvert ord, bliver den placeret under "divleft" hvis en linie er for lang.

What to do ?
Avatar billede keysersoze Ekspert
22. juli 2009 - 07:57 #1
din div vil være så bred som muligt - så sæt en bredde.
Avatar billede showsource Seniormester
22. juli 2009 - 08:08 #2
Virker ikke umiddelbart.
Min "divholder" er sat til 940px
Min "divleft" er sat til 152px

Og selvom jeg prøver at sætte en fast bredde på "divindhold" lægger den sig under "divleft" hvis der er tekst som fylder mere end bredden.
Avatar billede keysersoze Ekspert
22. juli 2009 - 08:13 #3
har du et fuldt eksempel enten i kode eller online.
Avatar billede showsource Seniormester
22. juli 2009 - 08:25 #4
Avatar billede showsource Seniormester
22. juli 2009 - 08:35 #5
Hmm, ved ikke lige hvad som der skete, men jeg havde bøvl med at komme på siden ?

Anyway, et link mere, men med et linieskift:
http://www.showsource.dk/cssindex_2.php
Avatar billede keysersoze Ekspert
22. juli 2009 - 09:22 #6
Jeg kan se at problemet kun er i FF - men hos mig løses det fint hvis man sætter en bredde på 770px (940-152-2-8-8) på #divindhold.
Avatar billede showsource Seniormester
22. juli 2009 - 09:49 #7
hmm, jeg har kun testet i google chrome og IE 8, og her en en bredde på divindhold ingen effekt ?

Eller, nu fik den :O)

Men jeg bruger også det javascript hvor man kan vælge bredde.
Og hvis bredden sættes ned, kommer den igen under divleft.
Avatar billede keysersoze Ekspert
22. juli 2009 - 10:03 #8
Så vil jeg umiddelbart mene at du skal udvidde din js til ikke kun at styre bredden på divholder men også på divindhold.
Avatar billede showsource Seniormester
22. juli 2009 - 10:12 #9
hmm, ja, eller helt undlade det javascript.

Men læg gerne et svar !
Avatar billede keysersoze Ekspert
22. juli 2009 - 10:27 #10
jah - altså, personligt kunne jeg aldrig finde på at benytte sådan en funktion, men det er da ikke umuligt at der findes et enkelt menneske eller 2 i denne verden der kunne ;)
Avatar billede showsource Seniormester
22. juli 2009 - 10:32 #11
Nåh, min kommentar kom ikke med ved pointafgivning ?

Anyway:

Tak for input !
Avatar billede west85 Nybegynder
07. august 2009 - 01:48 #12
Bare så du ved det så fucker siden i FF 3.5 i størrelsen med 600.. Der smider den div'en med teksten helt ned under hele siden..
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