Søg
Avatar billede -padde- Nybegynder
23. februar 2004 - 22:01 Der er 15 kommentarer og
1 løsning

Div 100%?

På min side (http://nivosolutions.dk) er den nederste div sat til 100% i height. Alligevel går den kun en linie ned (ca. en halv cm.) Hvorfor går den ikek helt ned ad siden. Dem der kører 1024*768 kan muligvis ikke se fejlen, men den er der i større opløsninger.

Jeg har flyttet al css til div'en over i en style, så koden er nemmere at få fat i.

På forhånd tak.
Avatar billede bas Forsker
23. februar 2004 - 22:28 #1
Kan det ikke være et spørgsmål om at du skal have billedet gjort højere ?
Måske kan du lave en hvid celle under billedet, som en slags buffer.

Har du i din body sat margn-bottom til opx ?
Jeg ved ikke, om det hjælper.

/Martin
Avatar billede -padde- Nybegynder
23. februar 2004 - 22:37 #2
#bas - Billedet (baggrund) er 1px højt og sat på repeat såeh. Bottommargin virkede heller ikke.
Avatar billede skovenborg Nybegynder
24. februar 2004 - 00:56 #3
skal der bare være det der er på siden lige nu??? Altså at der ikke kommer mere indhold?
Avatar billede skovenborg Nybegynder
24. februar 2004 - 01:00 #4
i så fald kan du gøre noget i denne stil:
body,html {
  height:100%;
  margin:0px;
  overflow:hidden;
}

Umiddelbart krævede det også hos mig at du skrev:
<center style="height:100%;"> (center er forresten deprecated, så det kunne være du i dine klasser bare skulle skrive margin:0px auto; i stedet)
og
<div style="width:218px;height:100%;background-image:url('http://nivosolutions.dk/grafik/009.jpg');background-repeat:repeat-y;">&nbsp;</div>

Er dog ikke sikker på du behøver det sidste - så bare drop det hvis det første virker.
Avatar billede roenving Novice
24. februar 2004 - 01:01 #5
100 % betyder samme højde som det omkransende element, så med 100% skal du sætte en højde på dette element (her body !-)

-- men det skal tages bogstaveligt, så det vil blive en højde for den div på præcis det samme som body, som vel har en højde på 900 - 1000 pixels !o]
Avatar billede -padde- Nybegynder
24. februar 2004 - 14:48 #6
okay. bliver rimelig forvirret af alle de infomationer. hvordan ville i ændre koden præcist?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title>NivoSolutions.dk - Kommer foråret 2004</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" type="text/css" href="css/index_style.css" />
<link rel="javascript" type="text/javascript" src="javascript/index_style.js">
</head>

<body topmargin="0px" bottommargin="0px" height="100%" style="overflow:hidden;">
<center>
  <div class="001_div">
    <img src="../grafik/001.jpg" alt="" /><br />
    <img src="../grafik/002.jpg" alt="" /><img src="../grafik/003.jpg" alt="" /><img src="../grafik/004.jpg" alt="" /><br />
    <img src="../grafik/005.jpg" alt="" /><br />
    <img src="../grafik/006.jpg" valign="top" alt="" /><img src="../grafik/007.jpg" valign="top" alt="" /><img src="../grafik/008.jpg" valign="top" alt="" /><br />
  </div>
  <div style="width:218px;height:100%;background-image:url(../grafik/009.jpg);background-repeat:repeat-y;"></div>
</center>
</body>
Avatar billede -padde- Nybegynder
25. februar 2004 - 20:54 #7
Vil helst ikke "oppe" tråden, men nu gjorde jeg det alligevel. Har virkleig brug for hjælp...
Avatar billede skovenborg Nybegynder
25. februar 2004 - 21:15 #8
prøv:
<body>
<center style="height:100%;">
  <div class="001_div">
    <img src="../grafik/001.jpg" alt="" /><br />
    <img src="../grafik/002.jpg" alt="" /><img src="../grafik/003.jpg" alt="" /><img src="../grafik/004.jpg" alt="" /><br />
    <img src="../grafik/005.jpg" alt="" /><br />
    <img src="../grafik/006.jpg" valign="top" alt="" /><img src="../grafik/007.jpg" valign="top" alt="" /><img src="../grafik/008.jpg" valign="top" alt="" /><br />
  </div>
  <div style="width:218px;height:100%;background-image:url(../grafik/009.jpg);background-repeat:repeat-y;"></div>
</center>
</body>
</html>

og ændre din style til:
body,html {
  height:100%;
  margin:0px;
  padding:0px;
  overflow:hidden;
}
Avatar billede -padde- Nybegynder
27. februar 2004 - 16:00 #9
Skovenborg

Tusindetak. Det virker nu og jeg skal bare lige have optimeret så det virker 100% i 1024*768. Hvis du vil have dine point så opret lige et svar.
Avatar billede skovenborg Nybegynder
27. februar 2004 - 16:15 #10
svar!!! :-)
Avatar billede -padde- Nybegynder
27. februar 2004 - 16:36 #11
Hmm, er det muligt at få den div med billederne "valign'et" til at stå i midten? Sådan at ligegyldigt hvilken opløsning, er selve blomsten i midten af skærmen? Hvis du også kan hjælpe med det her, forhøjer jeg lige point til 100 :)
Avatar billede skovenborg Nybegynder
28. februar 2004 - 17:24 #12
kun billedet med blomsten og ikke teksten nedenunder???
Avatar billede -padde- Nybegynder
28. februar 2004 - 23:50 #13
#Skovenborg

Som du kan se består teksten også af billeder, i en samlet div, med blomsten. Hvis jeg kunne få den div med alle billederne, sat til "middle" ville det se langt bedrs ud i 1280*1024~
Avatar billede skovenborg Nybegynder
29. februar 2004 - 00:39 #14
okay her er en mulig løsning (tag dig ikke af de forskellige absolute url'er for billederne. Gad bare ikke fjerne dem efter jeg havde testet siden ;-)

<body>
<div style="width:218px;margin:0px auto;position:relative;height:100%">
  <div style="position:absolute;top:50%;margin-top:-280px;">
    <img src="../grafik/001.jpg" alt="" /><br />

    <img src="http://nivosolutions.dk/grafik/002.jpg" alt="" /><img src="http://nivosolutions.dk/grafik/003.jpg" alt="" /><img src="http://nivosolutions.dk/grafik/004.jpg" alt="" /><br />
    <img src="http://nivosolutions.dk/grafik/005.jpg" alt="" /><br />
    <img src="http://nivosolutions.dk/grafik/006.jpg" alt="" /><img src="http://nivosolutions.dk/grafik/007.jpg" alt="" /><img src="http://nivosolutions.dk/grafik/008.jpg" alt="" /><br />
  </div>
  <div style="width:218px;height:100%;background-image:url(http://nivosolutions.dk/grafik/009.jpg);background-repeat:repeat-y;"></div>
</div>
</body>
</html>

Og så lidt ændring i stylesheetet:
body,html {height:100%;}
body {
  background-color:#e7e7e7;
  margin:0px;
  padding:0px;
  overflow:hidden;
}

Til sidst - for at få det til at virke i IE - skal du flytte din kommentarboks helt i starten af siden (den med optimering og den slags). IE kan ikke klare at den stor allerførst på siden, så du bliver nok nødt til at flytte den lidt ned fx:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<!--

            Optimeret til .........
-->

Til sidst synes jeg du skal fjerne <link rel="javascript" ...> da der mig bekendt ikke er nogen linktype der hedder javascript (men jeg kan selvfølgelig tage fejl). Den korrekte måde er at skrive:
<script type="text/javascript" src="javascript/index_style.js"></script>
Avatar billede -padde- Nybegynder
29. februar 2004 - 00:56 #15
Tak, fordi du gad at hjælpe en skodhund som mig =)
Avatar billede skovenborg Nybegynder
29. februar 2004 - 01:39 #16
*GG* - det var så lidt :-)
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
White papers
Flere white papers »