Lectoribus Salutem,

Ik heb de layout van mijn website omgegooid van FRAMES naar DIVs, en dit werkt allemaal heel mooi in FireFox met doctype STRIC, maar zodra ik IE open krijg ik de schrik van mijn leven.
Het heeft wel iets weg van de website in FF, maar hij is compleet uit verhouding.

Wat doe ik fout:

Help mij / Helf mir / Aidez-moi / Help me.

Link: www.baracasino.com

De site is helemaal uit classes opgebouwd voor de layout, dus aanpassingen zijn geen probleem :D
Ik heb gehoort dat IE gewoon echt een leek is in CSS. Zelfde met mijn eigen site. Alles omgezet en in FF goed, maar IE niet...
als je het goed doet lukt het in beide. met enkele aanpassingen tov elkaar.
Kalle schreef op 11.04.2006 21:38
Als ik met het blote oog zo kijk


hoe anders :-p

nee geintje.

ontopic:

IE houdt zich (zoals we wel gewend zijn) niet echt aan de regeltjes van w3c.
Maar zoals Kalle al zei: met wat aanpassingen moet het wel lukken, zijn genoeg tutorialtjes over te vinden op internet ;-)

google is your friend :)
PHP Newbie schreef op 11.04.2006 21:44
[quote=Kalle schreef op 11.04.2006 21:38]Als ik met het blote oog zo kijk

hoe anders :-p
[/quote]

Ik bedoelde zonder zijn css te bekijken.
@kalle:
*je menu een width meegeven
IE maakt hem 3x zo breed dan FF.

*IE ondersteunt geen min of max width.
Ik gebruik geen min of maxwidth, omdat ik dat al wist.

*menu repeat-y aanzetten
Wat mag dit voorstellen? Heb je het nu over het plaatje in de 'banner'? Want met background-repeat: none; weigert hij mee te werken.

Ik ga mijn css even aan de w3c test onderwerpen, maar ik denk niet dat het daar aan ligt...

Edit:
1 foutje in de css, maar daar ligt het waarschijnlijk niet aan:
Regel: 9 Context : input, textarea, select

Ongeldig getal : background-color CFCFCF geen color waarde : CFCFCF
Het is me gelukt om een template te maken die in zowel IE als in Mozilla goed werkt:

de site

Eerst liep in mozilla de content over de footer heen, maar nu werkt ie volgens mij helemaal goed door het volgende stukje css:

 //height:350px;
 min-height:350px !important;


is dit geldig? (A)

Hij wordt in ieder geval normaal weergeven in:
- FireFox 1.0.7
- Internet Explorer 6.0.2

Als je nog op of aanmerkingen hebt, wil ik die graag horen.

Ook zou ik graag willen weten of ze in andere browsers ook goed worden weergeven.

Mvg

Reageren