XHTML Doctype en Scrollbar in CSS

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jurri

Jurri

24/03/2006 20:24:00
Quote Anchor link
Klopt het dat als je een XHTML Doctype hebt, het dan niet werkt als je eigenschappen voor de scrollbar vastlegt in CSS?

Voor de duidelijkheid, ik heb dit Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

En dit voor de scrollbar in css:
body {
scrollbar-face-color: #2A5FA8;
scrollbar-3dlight-color: #FF0;
scrollbar-arrow-color: #FF0;
scrollbar-darkshadow-color: #2A5FA8;
scrollbar-highlight-color: #2A5FA8;
scrollbar-shadow-color: #FF0
}
 
PHP hulp

PHP hulp

24/12/2024 14:35:55
 
Kalle P

Kalle P

24/03/2006 20:32:00
Quote Anchor link
Scrollbar editen werkt alleen in IE.
Gewijzigd op 24/03/2006 20:33:00 door Kalle P
 
Jurri

Jurri

24/03/2006 20:35:00
Quote Anchor link
Dat weet ik, maar ik had eerst een doctype voor gewoon HTML. Nu heb ik dat veranderd en dan krijgt de crollbar de normale kleuren van IE.
 
Kalle P

Kalle P

24/03/2006 20:38:00
Quote Anchor link
En zo:
<STYLE TYPE="text/css">
HTML, BODY {
scrollbar-face-color: #2A5FA8;
scrollbar-3dlight-color: #FF0;
scrollbar-arrow-color: #FF0;
scrollbar-darkshadow-color: #2A5FA8;
scrollbar-highlight-color: #2A5FA8;
scrollbar-shadow-color: #FF0
}
</STYLE>
 

24/03/2006 20:40:00
Quote Anchor link
Quote:
Scrollbar editen werkt alleen in IE.
Niet doen dus, in de webstandaard pov waarmee ik me wel mee kan voelen :-)

Quote:
Dat weet ik, maar ik had eerst een doctype voor gewoon HTML. Nu heb ik dat veranderd en dan krijgt de crollbar de normale kleuren van IE.
IE kan niet tegen tagsoup. Gebruik een apart doctype voor IE.

http://www.thetriads.be/
Let maar eens op de (X)HTML is Firefox of Opera en IE. IE voedt ik een HTML 4.01 Strict doctype, terwijl ik alle andere browsers een net XHTML 1.1 document voedt. Werkt prima!
 
Jurri

Jurri

24/03/2006 20:42:00
Quote Anchor link
Bedankt voor de tip.

Ik heb het zo gedaan:
HTML {
scrollbar-face-color: #2A5FA8;
scrollbar-3dlight-color: #FF0;
scrollbar-arrow-color: #FF0;
scrollbar-darkshadow-color: #2A5FA8;
scrollbar-highlight-color: #2A5FA8;
scrollbar-shadow-color: #FF0
}

En dat werkt.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.