Avatar billede NielsErikP Mester
07. maj 2013 - 23:37 Der er 9 kommentarer og
1 løsning

Div.. og display: inline-block;

Hej..

Hvorfor kan man ikke følgende :

Html:


<div id="div1">
  <div id="div2"></div>
  <div id="div3"></div>
</div>



Css:

#div1 {
  width: 400px;
  height: auto;
}
#div2 {
  width: 100px;
  height: 200px;
  display: inline-block;
}
#div3 {
  width: 200px;
  height: 200px;
  display: inline-block;
}



Håber der er en der har lidt hjælp her.

På forhånd tak.
Avatar billede DiscSunshine Nybegynder
08. maj 2013 - 09:23 #1
Hmm hvis du bar vil have dem til at stå ved siden af hianden så brug

float: left;
Avatar billede syvon Nybegynder
08. maj 2013 - 12:42 #2
elller du kan fjerne (-block) så kommer de også til at stå ved siden af hinanden
Avatar billede NielsErikP Mester
08. maj 2013 - 21:46 #3
Hej..

@
DiscSunshine
: Det var netop float jeg ville undgå, da den jo som sagt "River" elementet ud af flowet. Ved godt man kan smide en clear:both; på.


@syvon: Det er det jeg ikke kan...koden i #0 er et smidt eksempel, den rigtige kode ser sådan du :

html:


<div id="fast_akt">
  <div id="issue"> </div>
  <div id="issue_time"></div>
</div>



Og Css:



#fast_akt {
    margin: 25px 0 45px 0;
    width: 759px;
    height: auto;
    border: 2px solid red;
}
#issue {
    width: 150px;
    height: 200px;
    border: 2px solid green;
    dispaly: inline;
}
#issue_time {
    width: 600px;
    height: 200px;
    border: 2px solid blue;
    display: inline;
}



Og med kun display: inline; har jeg fast_akt som en rød firkant med issue som en grøn liggende helt op i hjørnet... Der efter issue_time, sammenklappet på næste linje.
Avatar billede syvon Nybegynder
08. maj 2013 - 22:11 #4
prøv at ændre (dispaly) på #issue til display så virker det
Avatar billede syvon Nybegynder
08. maj 2013 - 22:12 #5
og søt din brede så den passer
Avatar billede syvon Nybegynder
08. maj 2013 - 22:13 #6
stave fejl der skulle stå (sæt)
Avatar billede NielsErikP Mester
08. maj 2013 - 22:38 #7
Hej..

Det har jeg prøvet..Så godt min stavefejl.. så klapper både issue og issue_time sammen... Men jeg forstår ikke som jeg spørger om at inline-block ikke virker.. betyder dette ikke at elementet behandles som et inline element indad til og som et block element udadtil??
Avatar billede NielsErikP Mester
08. maj 2013 - 22:46 #8
Hej...

Jo jeg har ret...Men skal det display'es inline... Skal der åbenbart være indhold i div'en. Da inline åbenbart kun fyldes den aktuelle bredde. Så at sætte en width på... hjælper ikke, når man inliner.
Avatar billede NielsErikP Mester
09. maj 2013 - 01:11 #9
hej..
Jeg fatter stadig hat af at display: inline-block ikke virker.
Så jeg valgte at bruge float: left.

DiscSunshine smider du et svar.
Avatar billede NielsErikP Mester
15. maj 2013 - 22:14 #10
Hej...

Da der intet svar kommer fra DiscSunshine lukker jeg hermed tråden..
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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