CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede Slettet bruger
14. november 2002 - 17:01 Der er 19 kommentarer og
1 løsning

højde 100% på layer

Hej!

Hvordan får jeg dette layer til at fylde hele sidens højde?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <title>Untitled</title>
   
<style>
#midte {
background-color:red;
}
</style>
   
</head>

<body>

<div id="midte">Hej med dig</div>

</body>
</html>
Avatar billede hyperactive Nybegynder
14. november 2002 - 17:02 #1
<div id="midte" height='100%'>Hej med dig</div>
Avatar billede hyperactive Nybegynder
14. november 2002 - 17:04 #2
Nåhhh nej....
<div id="midte" style="position:absolute; left:0px; top:0px; width:100%; height:100%"
Avatar billede Slettet bruger
14. november 2002 - 17:07 #3
Jeg tror du lige skal prøve at teste dine forslag inden du svarer ;)
Avatar billede hyperactive Nybegynder
14. november 2002 - 17:10 #4
Virker nr. 2 ikke???
Avatar billede hyperactive Nybegynder
14. november 2002 - 17:10 #5
<div id="midte" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
Avatar billede Slettet bruger
14. november 2002 - 17:12 #6
Prøv dem nu bare inden du svarer!

Nej, intet af det virker....
Avatar billede hyperactive Nybegynder
14. november 2002 - 17:12 #7
Jeg har sq prøvet nr. 2.... den virker fint her
Avatar billede hyperactive Nybegynder
14. november 2002 - 17:15 #8
<div id="midte" style="position:absolute; left:0; top:0; width:100%; height:100%; z-index:1">Hej med dig</div>

Koden er taget direkte fra Dreamweaver.....
Avatar billede hyperactive Nybegynder
14. november 2002 - 17:17 #9
Og med den røde baggrund:

<div id="Midte" style="position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color: #FF0000; layer-background-color: #FF0000;">Hej
  med dig</div>
Avatar billede Slettet bruger
14. november 2002 - 17:20 #10
Hvis du lægger mærke til at mit dokument ikke er et html dokument, men xhtml kan det være at du kan lave det så det virker ;)

Prøv at kopiere min kode ind i dreamveawer, og derefter lægge din egen kode ind. Så forstår du hvad jeg mener
Avatar billede pelkjaer Nybegynder
14. november 2002 - 17:23 #11
body {
  margin: 0px; 
  padding: 0px;
  height: 100%;
}
#left {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 100%;
}

Vil jeg tro virker - jeg har ikke prøvet
Avatar billede Slettet bruger
14. november 2002 - 17:30 #12
Det virkede pelkjaer, men nu er der en lille smule scrollbar uanset hvad. Hvorfor nu det?

Sådan her ser det ud indtil videre:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <title>Untitled</title>
<style>

body {
background-color:#848284;
margin:0px; 
padding:0px;
height:100%;
}

#top {
background-color: #FFFFFF;
border-bottom: 1px solid black;
height: 58px;
}

#midte {
text-align:center;
width:100%;
height:100%;
}

#indhold {
width:700px;
height: 100%;
background-color:#EFEFEF;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

</style>
</head>

<body>

<div id="midte">

<div id="indhold">

<div id="top">
top her
</div>
teksten her
</div>

</body>
</html>
Avatar billede pelkjaer Nybegynder
14. november 2002 - 17:33 #13
Det er din border på #indhold div der laver det.
Avatar billede Slettet bruger
14. november 2002 - 17:35 #14
Hmm...kan man ikke stadig have border og fjerne scrollbaren?

Jeg lægger gerne flere point på bordet!
Avatar billede pelkjaer Nybegynder
14. november 2002 - 17:38 #15
point er sq' ligemeget.
Der er noget med at man kan angive hvor ens border skal placeres (inside/outside), men jeg kan sq' ikke lige huske hvordan.

Jeg skal til at kokkerere nu, men jeg kigger lige på sp. iaften og ser om du har fået løst det.
Avatar billede Slettet bruger
14. november 2002 - 17:39 #16
:)
Avatar billede faxekondi Nybegynder
14. november 2002 - 17:57 #17
Har testet det i IE 5.0 win2000 det virker det fint - Ingen scrollbar
Avatar billede Slettet bruger
14. november 2002 - 17:59 #18
faxekondi> Tester det selv på IE6 på XP, her er den der desværre.
Avatar billede pelkjaer Nybegynder
14. november 2002 - 22:54 #19
Jeg må ærligt indrømme at jeg er lidt i tvivl om hvordan vi løser dette.
At faxekondi siger at det virker fint i IE 5.0 forstår jeg godt, idet at det er et kendt fænomen at IE5 ikke lægger borders til den samlede bredde/højde som den egentlig burde, men det gør IE6 - derfor har du her et problem.

Jeg er gået i tænkebox :o)
Avatar billede Slettet bruger
21. november 2002 - 19:47 #20
jeg bruger bare tables indtil browserudviklerne bliver enige om at følge standarden :/
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
55 min siden Hotspot på Doro, PC kan ikke oprette forbindelse Af Uvanga i Mobiltelefoner
I dag 13:10 ISP router i bridge mode Af Kheat i Routere & Switches
I dag 09:47 Roblox kører langsomt Af Christian i Andet software
I går 18:32 Lade gennem minidock Af tjacob i PC
I går 18:13 Kan ikke komme på nettet med opera for xp Af edbjohn i Browsere
White papers
Flere white papers »


Premium
Teaser billede
Til åbningsfest i det nye NNIT-hovedkontor: ”Som at flytte til New York sammenlignet med der hvor vi kommer fra” - se alle billederne
Læs mere »
Stjålet kunde-data fra VVS-Eksperten flyder frit på dark web: Advarer sine kunder mod identitetstyveri efter angreb
Microsoft: Denne type cyberangreb er steget med mere end 100 procent på et år
Her er 10 smarte Power Toys-værktøjer, du bør anvende i Windows
Se alle »
Computerworld
Teaser billede
En 28 år gammel begrænsning ophæves i Windows 11
Læs mere »
Test: Hvis du kun skal have ét overvågningskamera, så bør du vælge det her
Taber omfattende retssag: Skylder næsten to milliarder kroner til tysk virksomhed
Den næste iPhone tager form: Her er alt vi ved om den kommende iPhone-portefølje
Se alle »
CIO
Teaser billede
Microsoft på vej med nyt gebyr til OneDrive-brugere: Vil slette konti og opkræve penge for at genoprette
Læs mere »
Alvorlig sårbarhed hos SAP giver hackere adgang til kundernes systemer: "Angriberen kan kompromittere systemet fuldt ud"
Har haft fire store CIO-topjob: Nu søger Bo Bendsen nyt arbejde - her er hans ønsker
Patch nu: Microsoft lapper 90 sikkerhedshuller og seks aktivt udnyttede sårbarheder
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
Se alle »
White paper
Teaser billede
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Læs mere »
Sådan: Sikker, hurtig og fleksibel storage til dine kritiske data
Guide: Sådan udvikler du en moderne netværksstrategi
Sådan høster du forretningsfordelene ved Internet of Things
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »