IE Shit (Design)
Ik ben bezig om een website te ontwikkelen, het lijkt te werken in IE maar niets in minder waar. Als je de website op een resolutie bekijkt waarbij je verticaal moet scrollen (1024 * 768 en klijn er) of het scherm klein resised treedt het probleem op.
Als je naar beneden scrollt ontbreekt er een klein deel van de buitenste borders in IE, als je (benenden aangekomen) refresh zijn de border stukken ineens wel aanwezig.
KLinkt heel vaag, hier de link van de website Klik, en voor mensen zonder IE die het tóch willen zien: ook een klik
Het licht niet aan de computer, want ik heb het op 3 verschillende computers getest.
Algemene voorwarden|
staat onderaan :-)
@Vincent: Ik weet het, dit is bij lange na de werkelijk content nog niet. Zullen nog teksten veranderd worden, maar toch bedankt ;-)
Edit:
Hmm, ik zal ff de code opcleanen dit is niet leesbaaar, just a moment
Gewijzigd op 01/01/1970 01:00:00 door Citroen Anoniem Graag
Mijn ervaring is dat je een doorlopende achtergrond het beste in je container kan douwen en daar alles overheen moet bouwen. Ik had bijvoorbeeld bij een lay-out dit:
Code (php)
1
2
3
4
5
2
3
4
5
div#container
div#header
div#body
div#menu
div#content
div#header
div#body
div#menu
div#content
Nu heb ik de achtergrond in #container en de 'witruimte' tussen de #header en de #body heb ik via de achtergrond van de bovenliggende elementen (t.o.v. #container) gedaan.
Ik heb zo'n layout
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
div.container
div.header
div.menu
div.content
div.links
div.rechts
div.clearer
div.footer
div.header
div.menu
div.content
div.links
div.rechts
div.clearer
div.footer
En hier is het de content die het specifieke border element meekrijgt. Maar wat zou nou de oplossing zijn?
Het meegeven van een border aan de clearer of aan de container werkt natuurlijk niet.
Bedankt alvast. Btw iemand een linkje/zoekterm
(ik weet niet of het netjes is en ook niet 100% zeker of dit de oplossing had maar ik heb dit toegevoegd:
Code (php)
1
2
3
4
2
3
4
#Left1Menu,#Right1Menu,#MainContent {
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}
je zult het left1menu etc wel even moeten aanpassen en ik weet niet 100% zeker of het werkt...
Tip: gebruik als DOCTYPE dit:
Code (php)
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
dat scheelt vaak al heel veel CSS ellende.
Jan Koehoorn schreef op 27.11.2007 21:49:
Eerste vereiste in dit soort situaties is altijd dat je site valideert. En dat gaat al fout.
Tip: gebruik als DOCTYPE dit:
dat scheelt vaak al heel veel CSS ellende.
Tip: gebruik als DOCTYPE dit:
Code (php)
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
dat scheelt vaak al heel veel CSS ellende.
Ik weet niet of dit mag, maar gebruik jij die altijd jan? Als je met css werk is dit dan de juiste doctype?
Code (php)
1
<a href="http://www.w3schools.com" target="_blank">W3Schools</a>
In Transitional en Frameset mag je wel een target gebruiken.
Gewijzigd op 01/01/1970 01:00:00 door Frank -
TIP: gebruik MOZILLA Firefox, deze browser geeft elke site correct weer, zoals geprogrameerd staat in je code.
je kan dan ook steeds op de site van mozilla een icoontje downloaden met de vermelding Best vieuwed in mozilla firefox...
Gewijzigd op 01/01/1970 01:00:00 door thewaterboy
Testen doe je nu eenmaal in minimaal 4 tot 5 browsers. IE7 en Firefox hebben gelukkig elkaar een beetje gevonden in standaarden..Ie6 loopt idd nog achter, maar wat Jan zei, check je doctype, dat is probleem nr 1 in css.
Quote:
HTML is HTML of het nu gelezen wordt door IE of FF. Het is dus ook niet waar dat IE de HTML code vervormt of iets dergelijks.IE vervormt de HTML code die achter je site zit
Het heeft enkel met interpretatie van de HTML en CSS code te maken. IE (vooral oudere versies) houden zich veel minder aan de W3C standaard dan dat andere browsers dat doen. Het gevolg is dat pagina niet juist weergegeven worden in IE terwijl dat in andere browsers wel gebeurt.
Quote:
Om je site te bouwen gebruik je inderdaad FF, maar testen zul je ook moeten doen in de verschillende versies van IE. Deze laatste blijft nog steeds de meest gebruikte browser en je zult moeten zorgen dat je site er in die browser ook goed uit ziet...TIP: gebruik MOZILLA Firefox, deze browser geeft elke site correct weer, zoals geprogrameerd staat in je code.
Hier een voorbeeldje:
http://www.deadia.be
bekijk de banner maar eens in IE en dan in FF, ik zou in hemelsnaam niet weten aan wat dat het ligt... maar wat ik wel weet is dat firefoc duidelijk mijn CSS opmaakt correcter weergeeft...
Ps. Ga niet lopen spammen met kansloze scriptjes, daar zit geen mens op te wachten.
Heb je toevallig een oplossing voor mijn probleem met mijn banner?