Søg
Avatar billede supremebot Nybegynder
20. marts 2006 - 01:35 Der er 8 kommentarer

div overflow og ie

ok jeg har en div der er 100% i bredden, 150px høj og med overflow og inde i den div har jeg stå en tabel som så skal være 100% altså divens bredde. det virker også fint nok i alle andre browser en ie, for den sætter nemmelig også scrollbar på i bredde hvor alle andre browsere kun gør det i højde hvordan kan jeg løse det????

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
</head>
<body style="margin:0px; padding:0px" scroll="no">
<div style="overflow:auto; height:150px; width:100%" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>fdh</td>
    <td align="right"><img src="http://www.sol.dk/img/archive/3/3/103/66103/mand_forside.jpg" /></td>
  </tr>
</table>
<br />
<br />
<br />
</div>
</body>

</html>
Avatar billede roenving Novice
20. marts 2006 - 01:41 #1
Indsæt en style-regel i head-sektionen:

<style type="text/css">
html, body{
margin:0;padding:0;
}
</style>

-- og fjern alle rester af html 3.2, så du ikke mest hat har 1994-koder, og angiver en 2001-doctype !-)

Dvs. body-tagget skal ingen attributter have, table-tagget kun: style="border:0;border-collapse:collapse;", og td-tagget: style="text-align:right;" ...
Avatar billede supremebot Nybegynder
20. marts 2006 - 09:18 #2
jeg forstår ikke hvad du mener, for uanset hvad skal de have at vide at div'en skal værer 100% og tabel skal være 100%. men der kommere til at være mange flere koder, det her er jo kun et udpluk af en adenside, men det er det her jeg ikke kan få til at virke. det vil jo sige at virker jo fint i andre browsere end ie. open det i firefox eller opera så kan du jo se hvordan det skal se ud, så kan du jo se hvad der går galt med ie når du åbner det der.

virker ikke.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
html, body{
margin:0;padding:0;
}
</style>

</head>
<body scroll="no">
<div style="overflow:auto; height:150px; width:100%" >
<table width="100%" style="border:0;border-collapse:collapse;">
  <tr>
    <td>fdh</td>
    <td style="align:right"><img src="http://www.sol.dk/img/archive/3/3/103/66103/mand_forside.jpg" /></td>
  </tr>
</table>
<br />
<br />
<br />
</div>
</body>

</html>
Avatar billede roenving Novice
20. marts 2006 - 16:48 #3
<div style="overflow:auto; overflow-y:scroll; height:150px; width:100%" >
Avatar billede supremebot Nybegynder
20. marts 2006 - 19:47 #4
dur ikke for så er der jo slet igen scrollbare selv om der burde værer det. for indenholdet er stadig størrere end 150px
Avatar billede roenving Novice
20. marts 2006 - 22:50 #5
Virker det så, hvis du fjerner den vandrette scrollbar explicit:

<div style="overflow:auto; overflow-y:scroll; overflow-x:none; height:150px; width:100%" >
Avatar billede supremebot Nybegynder
21. marts 2006 - 11:43 #6
nej det virker ikke. style="overflow:auto; overflow-y:scroll; overflow-x:hidden; height:150px; width:100%" virker tildels men stadig ikke godt nok for for billedet bliver skåret så man ikke kan se det af det, altså billedet er under scrollbaren. på den originale side er der en knap ude i siden og den vil så ligge under scrollbare det kan jeg jo ikke bruge til noget
Avatar billede supremebot Nybegynder
21. marts 2006 - 11:46 #7
tabel 100% blever altså samme størrelse som div'en er, problemet er at den ikke regner ud at der er kommet scrollbar på så den er lige præsis scrollbarens tykkelse for lang (men kun i ie)
Avatar billede supremebot Nybegynder
21. marts 2006 - 11:49 #8
det skal lige siges at der er samme problem med iframes hvis dokumentet inde i iframet har en tabel på 100%
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 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I går 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
White papers
Flere white papers »