Paar vraagjes verschil website IE & Firefox

Pagina: 1
Acties:

  • SaN
  • Registratie: September 2002
  • Laatst online: 30-11 18:49
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
  • Registratie: Februari 2004
  • Laatst online: 00:18

Gonadan

Admin Beeld & Geluid, Harde Waren
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. ;)

Look for the signal in your life, not the noise.

Canon R6 | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8


  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10 08:18
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 ]

This message was sent on 100% recyclable electrons.


  • _Apache_
  • Registratie: Juni 2007
  • Laatst online: 19:34

_Apache_

For life.

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

Zero SR/S 17.3kWh / 2.7 kWP PV / Xtend WP 5kW + HRSolar zonneboiler


  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10 08:18
_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.

This message was sent on 100% recyclable electrons.


  • Avalaxy
  • Registratie: Juni 2006
  • Laatst online: 21:04
No offence hoor maar ik zou je code nog maar eens goed nakijken ;)


code:
1
2
<br />
<br>


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


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


vspace= ?


code:
1
<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? :P


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
  • Registratie: September 2002
  • Laatst online: 30-11 18:49
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
  • Registratie: Oktober 2000
  • Laatst online: 19-10 08:18
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 ]

This message was sent on 100% recyclable electrons.


  • SaN
  • Registratie: September 2002
  • Laatst online: 30-11 18:49
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_
  • Registratie: Juni 2007
  • Laatst online: 19:34

_Apache_

For life.

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..

Zero SR/S 17.3kWh / 2.7 kWP PV / Xtend WP 5kW + HRSolar zonneboiler


  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10 08:18
_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?

This message was sent on 100% recyclable electrons.


  • _Apache_
  • Registratie: Juni 2007
  • Laatst online: 19:34

_Apache_

For life.

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

Zero SR/S 17.3kWh / 2.7 kWP PV / Xtend WP 5kW + HRSolar zonneboiler


  • Cavorka
  • Registratie: April 2003
  • Laatst online: 27-03-2018

Cavorka

Internet Entrepreneur

_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:
1
2
3
4
5
6
7
8
9
10
    <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 ]

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.


  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11 15:46

OkkE

CSS influencer :+

_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.

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.


  • DataGhost
  • Registratie: Augustus 2003
  • Laatst online: 16:28

DataGhost

iPL dev

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
  • Registratie: September 2002
  • Laatst online: 30-11 18:49
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 ]

Pagina: 1