Notifikationer

Markér alle som læst Log ud

lund_dk Praktikant

28. september 2006 - 14:48 Der er 21 kommentarer og
1 løsning

Overflow i firefox

Jeg har denne tabel, hvor jeg skal have lavet noget overflox på min div som jeg gør følgende:

Det virker fint i IE, men FF dutter min overfow ikke..
Nogen som vil hjælpe?

<table border="0" cellpadding="0" cellspacing="0" style="height:100%;width:100%;border-top:1px solid #002D96;">
<tr>
<td style="height:24px;background-image:url('images/backhead.gif');border-bottom: 0px solid #000000;color:#FFFFFF;padding-left: 4px;font-family: arial; color: white; font-weight: bold;font-size: 12px;">Startside</td>
</tr>
<tr>
<td style="padding-left:5px;">
<div style="overflow:auto;height:100%;">
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
 asdf qwer asdf 
</div>
</td>
</tr>
</table>

Synes godt om

Slettet bruger

28. september 2006 - 15:11 #1

Overflow virker fint her i både IE og FF - hvad er det, der er i vejen - får du ikke scrollbar?

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:17 #2

Nej jeg får ikke scrollbaren i FF

Synes godt om

olebole Juniormester

28. september 2006 - 15:17 #3

<ole>

'height:100%' ... 100% af hvad? ;o)

I følge CSS skal en højde, angivet i procent, udregnes på basis af det omkransende elements højde - der med andre ord, eksplicit skal være sat. Tabelcellen skal have sat en højde, hvis du vil bruge procent i div'ets højde-angivelse

/mvh
</bole>

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:19 #4

Jeg har sat min tabel til højde 100%, skal jeg også det med min celle så?

Men hvis jeg sætter min celle til 100% får jeg en tabel der rager længere ned en vinduets højde, fordi jeg har en celle der er 24px høj ovenover..

Synes godt om

olebole Juniormester

28. september 2006 - 15:20 #5

Ja, du må sætte en fast højde på cellen - eller finde på en anden struktur

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:20 #6

altså så får jeg en tabel der er 100% høj plus 24 px,

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:21 #7

Nu har jeg sat den således,
<table border="0" cellpadding="0" cellspacing="0" style="height:100%;width:100%;border-top:1px solid #002D96;">
<tr>
<td style="height:24px;background-image:url('images/backhead.gif');border-bottom: 0px solid #000000;color:#FFFFFF;padding-left: 4px;font-family: arial; color: white; font-weight: bold;font-size: 12px; vertical-align:middle;">Startside</td>
</tr>
<tr>
<td style="padding-left:5px;height:100%;">
<div style="overflow:auto;height:100%;width:100%;">
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf v
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf v
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf 
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf 
sdfsdf sdfsdf sdfsdf 
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf v
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf v
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf 
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf 
sdfsdf sdfsdf sdfsdf 
</div>
</td>
</tr>
</table>

men der er stadig ikke scrollbar i FF

Synes godt om

sw_red_6 Nybegynder

28. september 2006 - 15:22 #8

du skal have en fat værdi i den celle. 100% er ikke en fast værdi!

Synes godt om

olebole Juniormester

28. september 2006 - 15:26 #9

Med alt sat til en højde på 100% er det svært at se, hvor der skulle komme scrollbars - eller hvorfor :)

Men det er da vist både i IE og FF, det går galt - ikk'?

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:32 #10

Ok, jeg satser på i iframe eller frame løsning så..

Synes godt om

olebole Juniormester

28. september 2006 - 15:35 #11

Med en iframe vil du vel have nogenlunde samme problem :)

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:39 #12

olebole - hehe ja, vil jeg fatisk :p

Bruger et frameløsning i stedet som fungerer således.

et link:
mainframe.asp?Title=Startside&Url=main.asp

Min mailframe.asp har så en top og en mainframe, hvor jeg overfører titel således
frametop.asp?Title=Startside og så henter jeg titlen ind i topframen,

og mainframen napper jeg URL stringen som er main.asp..

Så slipper jeg for at en side for hver eneste overskrift..

Synes godt om

Slettet bruger

28. september 2006 - 15:40 #13

Prøv at poste hele siden - har du også height på html/body?

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:45 #14

Har også prøvet med height på html, body

Synes godt om

Slettet bruger

28. september 2006 - 15:49 #15

Prøv alligevel at poste hele siden, så vi kan se, hvor det går galt.. Jeg synes det er hurtigt at gå fra en løsning over til en (i mine øjne) dårligere løsning (frames).

Frames kan være fine nok, men jo mere kompleks din side bliver, jo mere irriteret bliver du over at have dem..

/1

Synes godt om

lund_dk Praktikant

28. september 2006 - 15:54 #16

Jeg har slettet hele min kode nu..
men så ca således ud

<style>
body,html{height:100%;}
<style>

<table style="width:100%;height:100%;">
<tr>
<td style="height:24px;"></td>
</tr>
<tr>
<td>
<div style="overflow:auto;height:100%;">
indhold
</div>
</td>
</tr>
</table>

Synes godt om

sw_red_6 Nybegynder

28. september 2006 - 16:15 #17

du skal have en højde at udregne de 100% efter, det har olebole vidst også skrevet tidligere

Synes godt om

lund_dk Praktikant

28. september 2006 - 16:19 #18

Ja det er også prøvet.

Synes godt om

sw_red_6 Nybegynder

28. september 2006 - 16:24 #19

har du prøvet det her: <style>
body,html{height:800px;}
<style>

Synes godt om

Slettet bruger

28. september 2006 - 18:05 #20

Puha.. så har jeg fundet en løsning/workaround.. height: 100%, overflow != none og position: relative går ikke godt i spænd i firefox, så derfor har jeg gjort det på en anden måde..

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
<style type='text/css'>
html,body
{
height: 100%;
margin: 0px;
overflow: auto;
}
.menuHeight
{
height: 24px;
}
.menu
{
background-color: #FFFFFF;
}
.scrollbarWidth
{
width: 14px;
}
.menuContainer
{
position: absolute;
z-index: 2;
width: 100%;
border-collapse: collapse;
height: 24px;
}
</style>
</head>
<body>
<table class='menuContainer'>
<tr>
<td class='menu'>
Startside
</td>
<td class='scrollbarWidth'>
</td>
</tr>
</table>
<div class='menuHeight'></div>
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf v
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf v
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf v
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf 
sdfsdf sdfsdf sdfsdf sdfsdf sdfsdf 
sdfsdf sdfsdf sdfsdf 
</body>
</html>

/1

Synes godt om

lund_dk Praktikant

28. september 2006 - 20:28 #21

Er selvfølgelig en mulighed, men ville helst undgå scroll oppe i menubaren også..

Synes godt om

lund_dk Praktikant

30. september 2006 - 12:56 #22

jeg lukker og bruger min frame løsning.
Det er et lokalt intranet med forholdvis få brugere, så der er ikke de store problemer i det..:)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS