[HTML/CSS] horizontale scrollbar probleem ??

Pagina: 1
Acties:

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Topicstarter
Op deze pagina heb ik een probleem met horizontale scrollbars....

Onder IE5 heb ik daar helemaal geen problemen, maar onder IE6 toont de pagina in één keer een scrollbar. De pagina is als volgt opgebouwd.

Hij beschikt over een drietal tabellen. 1 voor de koptekst, 1 voor de inhoud en 1 voor de voettekst.

De class hebben als stylesheet de volgende definitie:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
table.koptekst {
    font-family : arial, helvetica, verdana;
    font-size : 11px;
    border-top : 1px solid #42B539;
    border-bottom : 1px solid #42B539;
    line-height : 80%;
    margin-top : 15px;
    width : 98%;
    text-align : center;
}

table.inhoud {
    font-family : arial, helvetica, verdana;
    width : 98%;
    text-align : left;
}

table.voettekst {
    font-family : arial, helvetica, verdana;
    font-size : 11px;
    border-top : 1px solid #42B539; 
    margin-top : 25px;  
    width : 80%;    
    text-align : center;        
}

Naar mijn idee moet daar niets fout aan zijn, maar ik kan mij vergissen.

Daarnaast maak ik gebruik van sidebars (aan de rechterkant), waar kleine informatie in wordt aangegeven. Dat zijn DIV-jes met de volgende definitie in het stylesheet:
code:
1
2
3
4
5
6
7
8
9
.sidebar {
    float:right;
    margin-left:1px;
    margin-bottom:1px;
    border:solid 1px #42B539;
    font-size:85%;
    width:25%;
    text-align:left;
}

Weet iemand wat het probleem is :? Ik kom er namelijk niet meer uit :(

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 00:15
Bug in IE6. Valt niks aan te doen. Ik heb hetzelfde.

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Topicstarter
ddc: Bug in IE6. Valt niks aan te doen. Ik heb hetzelfde.
Echt niets :( Daar baal ik van, want vind dat die horizontale scrollbar mijn lay-out verneukt... Ga ik gewoon adviseren dat alle mensen welke met IE6 daarover klagen, maar moeten downgraden naar IE5 >:)

Mhwa, is denk ik toch niet de beste oplossing... 'k zoek nog ff verder naar een workarround..

  • rickmans
  • Registratie: Juli 2001
  • Niet online

rickmans

twittert

Ja er is wel wat aan te doen :)
Als ik het goed had
code:
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

vervangen door een andere doc type :) stond mij iig nog ergens een url van MSDN bij :)

Don't mind Rick


  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 00:15
Op woensdag 13 februari 2002 19:59 schreef rickmans het volgende:
Ja er is wel wat aan te doen :)
Als ik het goed had
code:
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">

vervangen door een andere doc type :) stond mij iig nog ergens een url van MSDN bij :)
Wat is dat nou weer voor onzin?
Moet ik mn xhtml strict dinges zeker vervangen voor zo'n stomme bug :r

Terwijl in Mozilla gewoon met dezelfde doctype het wel juist wordt weergegeven, en die rendert een pagina in principe hetzelfde als in Internet Explorer 6.

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Topicstarter
rickmans: Als ik het goed had
code:
1
<!DOCTYPE HTML PUBLIC "[..]">

vervangen door een andere doc type :)
Lijkt mij een beetje vreemd dat dat de oplossing zou moeten zijn. Kan mij namelijk niet voorstellen dat een DOCTYPE daar verantwoordelijk voor is.....

Maar waar is de link naar het MSDN artikeltje :?

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Topicstarter
Ik heb er nog eens naar gekeken, maar ja het is een oplossing....

Zelf had ik geen andere doctype even uit mijn hoofd, dus heb hem verwijderd! Maar is dit eigenlijk wel de oplossing waar ik naar moeten zoeken? Werkt de pagina dan nog correct wanneer ik hem dan open onder bijvoorbeeld MOZ/Netscape?

Verwijderd

probeer eens table width op bv 90%, en dan niet in de stylesheet, maar gewoon <table width="90%">
Pagina: 1