CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede deamondk Nybegynder
24. marts 2008 - 11:04 Der er 12 kommentarer og
1 løsning

Højde 100% bliver over 100% i IE

Hej igen,

Jeg har for nylig oprettet en tråd omkring et højdeproblem med XHTML, som viste sig alligevel at blive parset som HTML 4.1 som jeg derfor har skiftet til.

Desværre bliver min menu nu for høj i Internet Explorer, både Opera og Firefox viser siden som den skal med menuen havende en højde identisk med resten af siden.

Siden kan ses på http://www.deamon.dk/

Håber en af jer eksperter kender løsningen! :-)

God påske.
Avatar billede deamondk Nybegynder
24. marts 2008 - 17:51 #1
Stødte lige på denne side: http://www.htmlcodetutorial.com/help/sutra1848.html
Desværre benytter han sig blot af quirks mode ved at fjerne doctype. Jeg har prøvet det samme hvilket løser problemet, men jeg vil gerne have at doctype bliver stående så den bliver deklareret ordentligt.

Håber virkelig der er en der har løsningen!
Avatar billede notes2c Nybegynder
25. marts 2008 - 19:53 #2
Det IE som har problemt her den kan ikke regne højden ud når man blander faktisk højde med procent. IE's fortolkning af 100% af resthøjden bliver til 100% højde plus den faktiske højde. Så jeg tror det vil være nemmere for dig at styre højden med javascript.

Eksemple. Fungere fint i FF men ikke i IE, og skulle gerne afspejle det som du forsøger at lave.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
html, body {
height: 98%;
}
body {
margin: 0;
padding: 0;
background: lightblue;
}
.main {
width: 800px;
height: 100%;
margin: 0 auto;
border: 1px solid black;
background: red;
border-collapse: collapse;
}
.top {
background: lightgreen;
height: 140px;
}
.content {
height: 100%;
}
-->
</style>
</head>

<body>

<table class="main">
<tr><td class="top">top</td></tr>
<tr><td class="content">content</td></tr>
</table>

</body>
</html>
Avatar billede deamondk Nybegynder
26. marts 2008 - 17:00 #3
Er der så nogen der har et javascript som der kan få det til at virke?
Avatar billede roenving Novice
26. marts 2008 - 17:46 #4
Måske et script som dette, der synkroniserer efter det længste elements højde:

<script type="text/javascript">
var elms = ['left','middle','right'];

function synchronizeDivs(){
  var maxH = 0;
  for(i=0;elms.length>i;i++){
    maxH = Math.max(maxH,document.getElementById(elms[i]).offsetHeight);
  }
  for(i=0;elms.length>i;i++){
    document.getElementById(elms[i]).style.height=maxH + 'px';
  }
}
window.onload = function(){synchronizeDivs();};
</script>
Avatar billede notes2c Nybegynder
26. marts 2008 - 18:06 #5
Præcis, et godt og sikker valg...

roenving >> Du burde lægge anvendelsen af din javascript funktion op på din hjemmeside indholende et lille eksemple. Den er efterhånden ved at være fast inventar og hyppigt anvendt på eksperten.
Avatar billede roenving Novice
26. marts 2008 - 18:12 #6
Tjah, men jeg har et strukturelt problem, hvordan laver jeg en god og sikker menu-funktion, der kan dække de 30-200 nyttige scripts, jeg selv har liggende (rent bortset fra, at adskillige af dem faktisk trænger til en make-over !-)
Avatar billede notes2c Nybegynder
26. marts 2008 - 21:23 #7
Ja, godt spm. Måske finder du på noget med tiden.
Avatar billede deamondk Nybegynder
28. marts 2008 - 15:43 #8
Virker den ikke kun ved brug af <div> og ikke table?
Den ser ihvertfald ikke ud til at virke på min side blot ved at sætte den ind?
Avatar billede notes2c Nybegynder
28. marts 2008 - 17:31 #9
Jeg tror ikke lige jeg forstår det du skriver
Avatar billede deamondk Nybegynder
29. marts 2008 - 12:01 #10
roenving: Virker dit script i alle browsere?

Svar venligst tilbage som SVAR og ikke som kommentar så du kan få dine point :-)
Avatar billede roenving Novice
29. marts 2008 - 12:28 #11
De browsere, jeg har brugt det i, virker helt det helt uproblematisk i ...

-- els velbekomme '-)
Avatar billede deamondk Nybegynder
29. marts 2008 - 15:07 #12
Super!

Hvad er det for browsere?
MSIE 6/FF2/Opera9 ser det ud til at virke fint i!

Og tak for hjælpen!
Avatar billede roenving Novice
31. marts 2008 - 15:50 #13
Såvidt jeg husker, har den været prøvet i IE 5.5+ (måske også 5 !-), Netscape6 og FireFox 0.8+, Opera 6+ og Safari (1.2 ?-)

-- og jeg vil takke for point ;~}
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
I dag 12:07 Kan ike skrive same bogstav to gange efter hinanden Af KurtG i Windows
I dag 11:25 Font til danskundervisning Af Katja Mikkelsen i Andet software
I dag 11:16 føje to album sammen Af valsbol i PowerPoint
I går 19:19 Grafikproblemer og fejl i logbog Af Marianne Tidemann i PC
I går 14:16 Fra extern computer til app på vores computer Af per2edb i Cloudtjenester
White papers
Flere white papers »


Premium
Teaser billede
Hårde tider for Danmarks største it-selskaber: Mere end en tredjedel af profitten er forduftet
Læs mere »
Pludselig exit fra Schultz kom som en overraskelse for Merete Søby: Derfor stoppede samarbejdet
Fagforbund rasende: Ansatte har fået blot 50 kroner i timen for at arbejde på Microsofts datacenter i Køge - melder firma til politiet
Microsoft vil have flere kunder ind i folden: Åbner for verdensomspændende rabat på Copilot M365
Se alle »
Computerworld
Teaser billede
Om en uge går det løs: Så banebrydende bliver iPhone 16
Læs mere »
Test af Tesla Model 3 Performance: Aldrig har man fået så meget sportsvogn til så få penge
Nu kommer en af bilbranchens største software-opdateringer nogensinde
Lokker med ’Nordens hurtigste internet’: Sådan ved du, om du kan få adgang til Danmarks nyeste bredbåndsudbyder
Se alle »
CIO
Teaser billede
Kommunerne brugte 6,6 milliarder kroner på it i 2023: Se top 10 over hvem der bruger flest penge
Læs mere »
De to største medlems-kommuner trækker sig fra det sjællandske it-fællesskab Digit
Dansk top-CIO har en nøglerolle ved kæmpe-opkøb: Her er hendes opskrift på succesfulde sammenlægninger
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
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 »
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
KMD-direktør forlader selskabet: Det skal hun nu
Merete Søby fratræder med omgående virkning som CEO for Schultz efter blot tre måneder på posten
Se alle »
White paper
Teaser billede
Optimering af Source-to-Pay: Identificér oplagte gevinster og skær omkostninger
Læs mere »
Sikkerhed uden grænser: Cisco Hypershield
AI’s rolle i fremtidens projektledelse
Opdag fordelene ved cloud-baseret backup og recovery
Se alle »

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