Søg
Avatar billede crampty Nybegynder
05. juni 2003 - 12:50 Der er 21 kommentarer og
1 løsning

Problem med at strække <div> element i IE?

Jeg er, sammen med en anden, ved at udarbejde følgende side:
http://rodekassen.lauer.dk/shirters/ .

Jeg er i midlertidig stødt på et problem, da jeg gerne vil strække et <div>
element mellem menubjælken og bunden af browservinduet for på den måde, at
opnå en hvid bred søjle mellem førnævnte. Css-koden for <div> elementet er:

#leftcol {
  position: absolute;
  top: 41px;
  bottom: 0;
  ...
}

Denne kode virker fint i de browsere jeg har testet det i, f.eks. Opera, men
har ingen effekt i IE. Mit spørgsmål er så, hvordan kan dette problem løses?
Avatar billede roenving Novice
05. juni 2003 - 13:19 #1
-- skal du ikke også angive målestok:
bottom: opx;
?-)
Avatar billede roenving Novice
05. juni 2003 - 13:19 #2
bottom: 0px; - sæ'fø'li'
Avatar billede crampty Nybegynder
05. juni 2003 - 13:24 #3
Nej, det er ikke nødvendig, når værdien er 0. Faktisk mener jeg, at NN har et problem med at fortolke 0px. Og for det andet ændre det heller ikke noget.
Avatar billede roenving Novice
05. juni 2003 - 13:28 #4
oki ;-(
-- og du vil selvfølgelig udenom det gamle trick med 'noget' typisk en 1*1-gif, som blev strukket ...
Avatar billede crampty Nybegynder
05. juni 2003 - 13:35 #5
Det har jeg faktisk også prøvet, men hvis man skal overholde standarten kan man ikke angive en height på 100% til billedet.
Avatar billede roenving Novice
05. juni 2003 - 13:54 #6
Ved ikke om det kan hjælpe noget, men måske har det noget at gøre med fortolkningen af begrebet 'containing block' her:

http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-bottom

-- jeg prøvede så for at få en ide, at sætte en table udenom jeres, og den table var så under halvdelen af browser-vinduet, men nu havde jeg selvfølgelig ikke jeres css-fil, som sikkert ville have gjort en masse anderledes !-)
Avatar billede pelkjaer Nybegynder
05. juni 2003 - 14:06 #7
Du kan prøve at angive din body samt din leftcol til height:100%
Avatar billede roenving Novice
05. juni 2003 - 20:03 #8
-- prøv at se: http://www.eksperten.dk/spm/361176
Avatar billede crampty Nybegynder
05. juni 2003 - 21:06 #9
rosenving->

Jeg synes ikke lige, at jeg kunne få nogen videre mening ud af linket til W3.org. Og jeg er heller ikke helt med på dit løsningsforsøg med tablen.

Til din henvisning til det andet spørgsmål må jeg sige, at jeg ikke ønsker at bruge JavaScript.
Avatar billede crampty Nybegynder
05. juni 2003 - 21:10 #10
pelkjaer ->

Hvis jeg gør det, kommer der en scrollbaren og så kan man jo ikke sige, at den ligger sig til bunden.
Avatar billede roenving Novice
05. juni 2003 - 21:39 #11
Så lige dette link via et andet spm:
http://www.xs4all.nl/~ppk/css2tests/100percheight.html
Avatar billede crampty Nybegynder
05. juni 2003 - 22:10 #12
Den løsning du har foreslået er lig med pelkjaers. Men da der er en udmærket beskrivelse med til linket du gav, har jeg nu fået det til at virker delvist efter min hensigt. Men det er nu opstået et nyt problem. Hvis indholdet overskrider skærmbillede bliver de hvide felter ikke fyldt ned til bunden. Forklaringen er vel, at når det overskrider skærmbilledet er det jo mere indhold en 100% af body... eller hva'??
Avatar billede roenving Novice
05. juni 2003 - 22:14 #13
Ja, han nævner jo i en sidebemærkning noget om at 100 % nogle gange kan opfattes uden kanter, så måske er det det ?-)
Avatar billede crampty Nybegynder
05. juni 2003 - 22:21 #14
Ja... det er rigtigt. Det havde jeg ikke lige læst. Men kan man ikke komme ud over det ved måske, at skrive:

html>body #test {
  height: auto;
}
Avatar billede molokyle Nybegynder
05. juni 2003 - 23:27 #15
Har du prøvet:

#leftcol {
  position: absolute;
  top: 41px;
  bottom: auto;
  ...
}
Avatar billede crampty Nybegynder
06. juni 2003 - 00:17 #16
Jeg har lige prøvet det, men det virker tilsyneladende ikke.
Avatar billede molokyle Nybegynder
06. juni 2003 - 00:44 #17
Kast et blik på :

http://doxdesk.com/software/js/position.html

Måske kan dette script hjælpe, hvis det er IE der gør knuder.
Avatar billede crampty Nybegynder
06. juni 2003 - 21:22 #18
Jeg nævnte tidligere at jeg helst vil løse dette problem uden javascript. Som jeg kun vil bruge som sidste udvej. Jeg har dog alligevel prøvet det, der står beskrevet i det sidste link du gav.

Men jeg tror ikke, at jeg har forstået det rigtigt. For hvis jeg sætter koden fra siden ind i min <head>, sker der ikke noget. Men jeg gør det sikkert også forkert.
Avatar billede molokyle Nybegynder
06. juni 2003 - 22:56 #19
<script type="text/javascript" src="event.js"></script>
<script type="text/javascript" src="position.js"></script>

Disse to script's skal indlæses fra <head>...</head>, så sku' du ku' bruge position CSS properties som 'normalt'; altså i dine <style>...</style>, <p style="..."></p>, eller hvad du lyster... og IE sku' makke ret.

Jeg har ikke prøvet netop disse script, men jeg bruger selv fixed.js fra samme kilde til at placere elementer 'fast' på siden i IE. DET virker !!! Skide smart iøvrigt, men det hjælper jo ikke rigtigt dig :-(

Gi'lyd, når du har prøvet ovendestående. Jeg skal selv prøve at kikke på dem senere.

Ps. Så du eksemplet fra linket på siden?
Avatar billede molokyle Nybegynder
06. juni 2003 - 23:28 #20
Nu har jeg prøvet og det funker hos mig. Her er et eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
  <title>Til bunden DIV</title>
  <script type="text/javascript" src="event.js"></script>
  <script type="text/javascript" src="position.js"></script>
  <style type="text/css">

    body {
      margin: 0; padding: 0;
      position: absolute;
      width: 100%; height: 100%;
      font-size: 100%; /* fix truly odd IE 5.0 positioning bug! */
    }

#tilbund {
      position: absolute;
      top: 75px; bottom: 0em;
      margin-right: 100px;
      background: #00ffff;
      overflow: hidden;
      /* Make content visible in IE5 if scripting is turned off */
      height: 0em;
    }
</style>
</head>
<body>
<div id="tilbund">
<br>TEST<br>
</div>
</body>
</html>

Husk at downloade event.js og position.js og læg dem i samme katalog som denne kode.

Håber du ku' bruge dette.

Ha' en fortsat rolig aften :-)
Avatar billede crampty Nybegynder
09. juni 2003 - 11:51 #21
molokyle ->

Jeps... nu virker det endelig. Det var rart, hvis du kommer med et svar kan du få dine point.
Avatar billede molokyle Nybegynder
09. juni 2003 - 14:29 #22
Takker...
Rart at ku' hjælpe ;-)
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 dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »