Paar vraagjes verschil website IE & Firefox

[SaN]

Ik ben bezig met een website, ik ben hem helemaal aan het aanpassen en heb weinig ervaring met HTML. Nu heb ik hem bijna af, maar ik zit nog met een paar kleine probleempjes.

www.tgslicensing.nl/nieuw

- Bij Firefox zie ik nog een border om mijn banners heen, in IE niet.
- In IE heb ik een verkeerde kleur om het logo (linksboven) helemaal zwart, in Firefox is dit wel de juiste kleur.
- De vlaggetjes staan in Firefox te dicht bij elkaar en uit het midden. In IE is het goed.
- Verder krijg ik hem niet zo ver dat hij start op de about pagina, maar ik moet eerlijk zeggen dat ik nog niet echt goed naar dat probleem gekeken heb, dus het zal wel heel simpel zijn.

Als iemand mij zou kunnen helpen met een of meerdere probleempjes, graag. Ik wil ook wel stukjes code kopieeren als iemand daarom vraagt. Ik ben nog niet helemaal klaar met de lay-out en wat cosmetische puntjes, maar commentaar is altijd welkom.

Alvast bedankt!

[Gonadan]

sander-sp schreef op woensdag 27 juni 2007 @ 11:48:
Ik ben bezig met een website, ik ben hem helemaal aan het aanpassen en heb weinig ervaring met HTML. Nu heb ik hem bijna af, maar ik zit nog met een paar kleine probleempjes.

www.tgslicensing.nl/nieuw

- Bij Firefox zie ik nog een border om mijn banners heen, in IE niet.

Border van de img op none of 0 zetten.
Een img in een link krijgt vaak automatisch een border.

- De vlaggetjes staan in Firefox te dicht bij elkaar en uit het midden. In IE is het goed.

Zal wel met marge te maken hebben, dat verschilt tussen IE en FF.

- Verder krijg ik hem niet zo ver dat hij start op de about pagina, maar ik moet eerlijk zeggen dat ik nog niet echt goed naar dat probleem gekeken heb, dus het zal wel heel simpel zijn.

Dat moet je dan in je index aangeven, of een redirect instellen.

Als iemand mij zou kunnen helpen met een of meerdere probleempjes, graag. Ik wil ook wel stukjes code kopieeren als iemand daarom vraagt. Ik ben nog niet helemaal klaar met de lay-out en wat cosmetische puntjes, maar commentaar is altijd welkom.

Alvast bedankt!

Eigenlijk zijn dit wel basic dingetjes die een licht ervaren webdevver toch wel zelf op moet kunnen lossen.
Op tweakers wordt wel verwacht dat je het zelf ook probeert.

[BasieP]

sander-sp schreef op woensdag 27 juni 2007 @ 11:48:
- Bij Firefox zie ik nog een border om mijn banners heen, in IE niet.

dit is idd gewoon border: 0; oid

- In IE heb ik een verkeerde kleur om het logo (linksboven) helemaal zwart, in Firefox is dit wel de juiste kleur.

IE pakt geen transparante PNG's, zijn hele boeken over geschreven inmiddels, google kan je hier mee helpen

- De vlaggetjes staan in Firefox te dicht bij elkaar en uit het midden. In IE is het goed.

IE en goed gaan niet samen
je bent volgens mij vergeten je rechter vlagetje te centreren in zijn TD

- Verder krijg ik hem niet zo ver dat hij start op de about pagina, maar ik moet eerlijk zeggen dat ik nog niet echt goed naar dat probleem gekeken heb, dus het zal wel heel simpel zijn.

Dit is iets serversides waarschijnljik, gewoon header referer sturen of weetikwat.

[ Voor 10% gewijzigd door BasieP op 27-06-2007 12:03 ]

[_Apache_]

Mocht je door de bovenstaande antwoorden nog verschillen krijgen in verschillende browsers kan je ook browsersfamilies verschillend aan te sturen om de details echt allemaal gelijk te trekken..

.context_bar_form_field {
height: 15px;
#height: 15px;
_height: 21px;
}
The first setting will apply to all browsers,
The second setting will only apply to Microsoft Internet Explorer browsers
The third setting will only apply to IE browsers 6.0 and older

[BasieP]

_Apache_ schreef op woensdag 27 juni 2007 @ 12:02:
Mocht je door de bovenstaande antwoorden nog verschillen krijgen in verschillende browsers kan je ook browsersfamilies verschillend aan te sturen om de details echt allemaal gelijk te trekken..

.context_bar_form_field {
height: 15px;
#height: 15px;
_height: 21px;
}
The first setting will apply to all browsers,
The second setting will only apply to Microsoft Internet Explorer browsers
The third setting will only apply to IE browsers 6.0 and older

doe dat maar niet
dat is ranzig, en je hebt geen idee of het in de toekomst nog gaat werken. Dit is gebruik maken van bugs in bepaalde browsers om andere bugs te verhelpen.
Een site als dit kan je prima maken zonder dit soort dingen.

[Avalaxy]

No offence hoor maar ik zou je code nog maar eens goed nakijken

code:

<br />
<br>

Waarom eerst een xhtml break en daarna een 'gewone' html break?

code:

<img src="tgs-licensing-klein1.png" vspace=>

vspace= ?

code:

<tr><td><center><a href=?page=><img vspace=8 border=0 height=20 width=25 src=img/engvlag.jpg></a></td><td><a href=?page=&lang=nl><img vspace=8 border=0 height=20 width=25 src=img/nlvlag.jpg></a></center></td></tr>

Lukt het je nog om daar zelf uit te komen als je het zo opschrijft?


Het maakt allemaal niet zoveel uit voor hoe het er uit ziet in de browser, maar op deze manier maak je het niet makkelijker voor jezelf. Bovendien heeft het geen zin om xhtml te gaan schrijven als je dit niet valid kunt doen.

Wat betreft die border: dit kun je oplossen met border="0", maar je zou dit ook in je CSS kunnen opnemen. En wat betreft die zwarte rand, ik denk dat je er maar een transparante .gif van moet maken.

[ Voor 8% gewijzigd door Avalaxy op 27-06-2007 12:07 ]

[SaN]

Bedankt voor alle reacties!

Ok, ik had de vlaggetjes samen gecentreerd, nu apart en dat is inderdaad beter.

De borders krijg ik niet weg met border=0, dit werkt inderdaad wel bij de links, maar die plaatjes zijn geen links.

Zou iemand mij een hint kunnen geven om de about pagina als homepagina in te stellen, ik kom op google niet echt verder.

Ik wil toch nog wel even aangeven dat ik echt heel weinig ervaring heb met html, dus vooral als reactie op de vorige post, ik heb de code genomen zoals hij was en die naar eigen inzich aangepast. De hele code omgooien gaat niet echt lukken denk ik, of ik moet er nog veel meer tijd voor nemen, maar ik denk niet dat ze daar heel blij mee zijn hier

[BasieP]

sander-sp schreef op woensdag 27 juni 2007 @ 12:44:
Zou iemand mij een hint kunnen geven om de about pagina als homepagina in te stellen, ik kom op google niet echt verder.

Ik wil toch nog wel even aangeven dat ik echt heel weinig ervaring heb met html, dus vooral als reactie op de vorige post, ik heb de code genomen zoals hij was en die naar eigen inzich aangepast. De hele code omgooien gaat niet echt lukken denk ik, of ik moet er nog veel meer tijd voor nemen, maar ik denk niet dat ze daar heel blij mee zijn hier

je lijkt php te gebruiken, je kan dus gewoon checken of $page leeg is, en dan zeggen dat hij 'about' wordt als dat zo is.

dan ben je er al

algemene tip:
ga eens wat lezen op itnernet of boeken over html/css/php voordat je een klus op je neemt om een website te maken.
Tuurlijk leer je al doende, maar een basis is wel belangrijk.
dingen als het splitsen van html en css bijvoorbeeld.
Dit komt ook de onderhoudbaarheid en leesbaarheid ten goede (zoals leonpwner1 al opmerkte)

[ Voor 28% gewijzigd door BasieP op 27-06-2007 13:10 ]

[SaN]

Bedankt voor de tip, ik ga er naar kijken. Ik denk dat ik inderdaad binnenkort voor mezelf nog wel is een website op ga zetten, ik had hier alleen niet de tijd om me echt in te lezen in de materie.

edit: Gelukt, dankje!

Nu die gekke borders nog...

[ Voor 11% gewijzigd door SaN op 27-06-2007 13:19 ]

[_Apache_]

BasieP schreef op woensdag 27 juni 2007 @ 12:04:
[...]

doe dat maar niet
dat is ranzig, en je hebt geen idee of het in de toekomst nog gaat werken. Dit is gebruik maken van bugs in bepaalde browsers om andere bugs te verhelpen.
Een site als dit kan je prima maken zonder dit soort dingen.

Heb je dat wel met de zogenaamde standaard die CSS zou moeten bieden, imho niet..

[BasieP]

_Apache_ schreef op woensdag 27 juni 2007 @ 13:19:
[...]

Heb je dat wel met de zogenaamde standaard die CSS zou moeten bieden, imho niet..

wat dacht je van conditional comments?

[_Apache_]

BasieP schreef op woensdag 27 juni 2007 @ 13:24:
[...]

wat dacht je van conditional comments?

Eerste pagina in google..

Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

En firefox dan, waar de TS nog nadrukkelijk naar suggereert

[Cavorka]

_Apache_ schreef op woensdag 27 juni 2007 @ 13:52:
[...]

Eerste pagina in google..

Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

En firefox dan, waar de TS nog nadrukkelijk naar suggereert

Pagina werkend maken in FireFox en dan met conditional statements de fixes toevoegen voor IE7 en IE5/6...

HTML:

    <link rel='stylesheet' type='text/css' href='./zeeeses.css' />
    
    <!--[if IE 7]>
        <link rel='stylesheet' type='text/css' href='./css/ie.css' />
    <![endif]-->
    
    <!--[if lte IE 6]>
        <link rel='stylesheet' type='text/css' href='./css/ie.css' />
        <link rel='stylesheet' type='text/css' href='./css/ie6.css' />
    <![endif]-->

[ Voor 23% gewijzigd door Cavorka op 27-06-2007 14:27 ]

[OkkE]

_Apache_ schreef op woensdag 27 juni 2007 @ 13:52:
[...]

Eerste pagina in google..

Conditional comments only work in Explorer on Windows, and are thus excellently suited to give special instructions meant only for Explorer on Windows. They are supported from Explorer 5 onwards, and it is even possible to distinguish between 5.0, 5.5 and 6.0.

En firefox dan, waar de TS nog nadrukkelijk naar suggereert

Aangezien - in mijn ervaring - Firefox zich beter aan de standaard (en aan Mozilla, Safari en Opera) houdt, is het - vind ik - het slimste om de website in Firefox goed op te zetten, en daarna dus d.m.v. Conditional Comments de IE versies te tweaken tot het ook daar goed is.

[DataGhost]

In Opera staat je contact-knop trouwens ook uit het midden.

[Verwijderd]

Misschien niet zo belangrijk, maar je zou je registratieformulier nog kunnen aanpassen dat ie een error/waarschuwing geeft dat je bepaalde velden echt moet invullen... Php is daar voor gemaakt zou ik haast zeggen...

Succes verder, mooie site wel!

[SaN]

Die Contact knop deed eerst ook al moeilijk in IE en Firefox, geen idee waarom maar ik heb hem daar nu eindelijk op zijn plek. Ik zal er nog is naar kijken. bedankt voor de tip.

edit: Ik zie waarschijnlijk al waar het fout zit. Ik had een paar gedwongen spaties naast het menutje gezet bij de contact knop om wat meer ruimte te krijgen tussen het menu en de tekst. Dit werkt wel in IE maar niet in Firefox. Daar moet ik ook maar iets anders op verzinnen.

GaRDy: Goed idee, ik zal ook is uitvogelen hoe dat moet. En bedankt voor het complimentje

[ Voor 34% gewijzigd door SaN op 27-06-2007 15:26 ]