Avatar billede pstidsen Novice
13. december 2012 - 11:00 Der er 14 kommentarer og
1 løsning

Float og height

Jeg har en masse billeder som jeg floater left. Det gør jo så at der ikke er noget indhold i den div de er i. Derfor er baggrunden nogle gange for lille (hvor mange billeder der er afhænger af brugeren.

Håber i forstår spørgsmålet.
Avatar billede keysersoze Ekspert
13. december 2012 - 11:31 #1
sæt en bredde samt overflow hidden på den div dine billeder ligger inden i - eller alternativt lav et sidste element med clear both.
Avatar billede pstidsen Novice
13. december 2012 - 13:05 #2
#content{
overflow: hidden;
padding: 10px;
height: 2000px;
width: 793px;
}


hjælper ikke noget..
Avatar billede keysersoze Ekspert
13. december 2012 - 13:17 #3
prøv at kom med et link.
Avatar billede pstidsen Novice
13. december 2012 - 13:26 #4
Du får den lige på PM.
Avatar billede olebole Juniormester
13. december 2012 - 19:10 #5
<ole>

Sandsyligheden for at din brug af float er 'forkert', eller i det mindste uhensigtsmæssig, er overordentlig stor. Float betragtes af mange udviklere som dagens afløser for TABLE, når det gælder om abuse.

Float er beregnet til at lave tekstomløb om f.eks. et billede. Den generelle løsning til at lægge block elementer ved siden af hinanden hedder display:inline-block. Så opfører elementet sig udadtil som et inline element, men indadtil som et block element (= må/kan indeholde andre block elementer).

Men hvorfor overhovedet float'e inline elementer? Hvad er begrundelsen/gevindsten ved det?  =)

/mvh
</bole>
Avatar billede pstidsen Novice
13. december 2012 - 22:17 #6
Ja, jeg har hørt om at float ikke altid er hensigtsmæssigt, men det løste umiddelbart mit problem. Har også hørt om "display:", men har aldrig helt forstået det.. Du får lige linket på PM..
Avatar billede pstidsen Novice
15. december 2012 - 16:10 #7
Olebole svarede på pm og det virker perfekt. Jeg giver lige et resume af løsningen, så andre måske kan få gavne af det:

CSS:
#billede
{
display:inline-block;
text-align:center;
}
#Navn{
width:185px
}


HTML:
<div id="billede">
    <img src="" alt="">
    <div>Navn Navn</div>
</div>

Ovenstående virker perfekt Udover når jeg printer det.. Så ser det meget forkert ud.... Hvordan klarer man lige det? Jeg har læst at man kan bruge en print css dokument med <link rel="stylesheet" type="text/css" media="printer" href="../css/prnter.css" />
Avatar billede olebole Juniormester
15. december 2012 - 17:38 #8
Der burde ikke være problemer med udskriften. Hvad der går galt er svært at sige, når man ikke kan se udskriften  =)
Avatar billede pstidsen Novice
17. december 2012 - 15:16 #9
Du har ikke et bud på hvorfor udskriften er sådan?
Avatar billede olebole Juniormester
17. december 2012 - 17:02 #10
Har du noget bud på, hvordan jeg skulle kunne vide, hvorfor en udskrift - jeg aldrig har set eller fået beskrevet - ser ud, som den gør?  =)
Avatar billede pstidsen Novice
17. december 2012 - 18:28 #11
det skulle være media="print" i stedet for media="printer". Problemet er LØST!
Avatar billede olebole Juniormester
17. december 2012 - 18:37 #12
Præcis! Når man ikke kan se, hvad du laver, er det komplet umuligt at anvise en løsning  =)
Avatar billede pstidsen Novice
17. december 2012 - 18:46 #13
Du kunne vel ligeså vel som jeg have set den fejl?

Men jeg takker!
Avatar billede olebole Juniormester
17. december 2012 - 19:00 #14
#13: *LoL* Hvordan i alverden skulle jeg dog kunne det? Så må du jo vise mig det, du reelt sidder og arbejder med. Det, du har vist mig, så sådan ud:

<head>
    <meta charset="utf-8">
    <title>Klasser</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="../css/screen.css" />
    <link rel="stylesheet" type="text/css" media="print" href="../css/printer.css" />
</head>

Hvis du holder bare en smule styr på dig selv og de koder, du viser, skal vi nok holde styr på mulige løsninger  *o)
Avatar billede pstidsen Novice
18. december 2012 - 11:03 #15
Hmmm, jeg ved ikke hvad der er gået galt, men det virker nu! =)
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