Archief - css: verschil ie & firefox

hallo op volgende url kunnen jullie zien wat ik bedoel als ik de site open in firefox en ie: http://corporate.skynet.be/vandererve/about-vde.html

Ik heb al wat gepruld in mijn css instellingen maar ik krijg het niet gefixt.
Weet iemand van jullie wat ik moet doen om "controle" te krijgen over die instellingen zodat ik deftig kan instellen hoever al de buttons van elkaar komen te staan? Zou ik misschien beter tabellen gebruiken ?

argh, div hel
met tabellen zal uw leven veel aangenamer worden, geloof me.

Ge kunt mss es gewoon alle buttons eruit gooien en gewoon da in puur tekst maken, want ik zie het nu nie in van images voor dat design ma soit :/ Als ge met tekst werkt, stopt ge ze in een <ul><li></li></ul> structuur en ge hebt nergens problemen.

Voor de rest: kijk in uw css tegoei uw margins en paddings na, die geven meestal de problemen. Ik zie in uw css bvb nergens de padding ingesteld staan

Boddah zei:

argh, div hel
met tabellen zal uw leven veel aangenamer worden, geloof me.

Klik om te vergroten...

Ik geloof u nie.
Sterker nog, ge hebt het helemaal verkeerd voor.

DarkBone zei:

Ik geloof u nie.
Sterker nog, ge hebt het helemaal verkeerd voor.

Klik om te vergroten...

ge kunt het NOG gemakkelijker maken door uw design te maken in photoshop, het te slicen in stukskes en exporteren als een website.
dan wordt alles schoon automatisch in een tabelleke gezet, en moet je niet liggen knoeien om alles juist te hebben.

Boddah zei:

ge kunt het NOG gemakkelijker maken door uw design te maken in photoshop, het te slicen in stukskes en exporteren als een website.
dan wordt alles schoon automatisch in een tabelleke gezet, en moet je niet liggen knoeien om alles juist te hebben.

Klik om te vergroten...

*puke*
Ge hebt zonet een schoolvoorbeeld gegeven van hoe het NIET moet... welke mensen zijn de eerste om hier een thread te starten denkt ge?

Juist... degenen die problemen hebben omdat hun layout niet mee uitrekt, diegenen die zich dan afvragen hoe ze er tekst inzetten, etc... 50% van de miserie hier komt voort uit zo'n brolpagina's.

Ik stel voor da ge zelf ff een deftige cursus webdesign zoekt

Hmm ja ik denk dat ik toch tabellen ga gebruiken, normaal gebruik ik altijd tabellen maar wou het eens de CSS way doen om wat bij te leren.
Thx voor de reply's

DarkBone zei:

*puke*
Ge hebt zonet een schoolvoorbeeld gegeven van hoe het NIET moet... welke mensen zijn de eerste om hier een thread te starten denkt ge?

Juist... degenen die problemen hebben omdat hun layout niet mee uitrekt, diegenen die zich dan afvragen hoe ze er tekst inzetten, etc... 50% van de miserie hier komt voort uit zo'n brolpagina's.

Ik stel voor da ge zelf ff een deftige cursus webdesign zoekt

Klik om te vergroten...

Bij websites met veel content... ok.
Maar bij kleinere websites waar er juist genoeg in komt zodat ge geen lelijke scrollbars krijgt is dit toch in orde?

Navigatie & menu's maak je op door middel van lijsten!!

DarkBone zei:

*puke*
Ge hebt zonet een schoolvoorbeeld gegeven van hoe het NIET moet... welke mensen zijn de eerste om hier een thread te starten denkt ge?

Juist... degenen die problemen hebben omdat hun layout niet mee uitrekt, diegenen die zich dan afvragen hoe ze er tekst inzetten, etc... 50% van de miserie hier komt voort uit zo'n brolpagina's.

Ik stel voor da ge zelf ff een deftige cursus webdesign zoekt

Klik om te vergroten...

ow, dat was dus niet om te lachen, dat ik verkeerd ben door te zeggen dat tabellen beter zijn dan div tags??

koddig

ik gebruik nu altijd divs, ik ben die tabellen beu gezien

ik denk dat ge het meeste succes gaat hebben op de manier zoals darkbone zegt, in een lijst plaatsen, dan kunt ge nadien nog de lijst opmaken via css naar uw eigen gedacht

en ik ben het eens met darkbone over boddah zijn gedacht met photoshop, anders moet ge eens lame zijn

-Infinity- zei:

Bij websites met veel content... ok.
Maar bij kleinere websites waar er juist genoeg in komt zodat ge geen lelijke scrollbars krijgt is dit toch in orde?

Klik om te vergroten...

Misschien, maar stel u voor dat iemand (slechtziend) de tekst vergroot... dan valt uw layout helemaal uit elkaar. Terwijl dit PERFECT kan opgevangen worden door:
- propere, heldere, duidelijke en correcte code te schrijven (xHTML & CSS)
- correct te slicen, en de afbeeldingen correct te gebruiken

Trouwens, het gebruik van <img> tags voor een layout moet zoveel mogelijk vermeden worden, behalve als de images bij de inhoud horen (vb. foto bij een nieuwsbericht). Maar de afbeeldingen die deel uitmaken van de layout worden bij voorkeur in de mate van het mogelijke (en da's meestal perfect mogelijk) ingesteld als achtergrond, zodat bij het ontbreken van stijlinformatie, of bij het bekijken van websites op kleine toestellen (PDA'sn GSM's, etc...) de website toch perfect 'degradeert'. (Het gebruik van lijsten voor navigatie kadert hier ook in en is sowieso semantisch correcter)

Zodoende zal uw website ook voor de mindervalide (slechtziend/blind) veel beter toegankelijk zijn. Enkel de essentiele afbeeldingen zullen door zijn reader 'vertaald' worden (tenminst als het verplicht title attribuut wordt gebruikt). Het gebruik van sematisch correcte tags, en het NIET gebruiken van tabellen voor de layout, zorgt ervoor dat de website, mooi sequentieel kan ingelezen worden, ontdaan van allerhande 'afval'. Geldt trouwens ook voor GSM/PDA browsers.

Boddah zei:

ow, dat was dus niet om te lachen, dat ik verkeerd ben door te zeggen dat tabellen beter zijn dan div tags??

koddig

Klik om te vergroten...

Dat was zeker niet om te lachen.
En ik blijf bij men raad, informeer u omtrend de laatste standaarden, ontwikkelingen, 'trends' en evoluties in webdesign (meerbepaald xHTML en CSS, en hoe deze correct samen te gebruiken).

Blogs van webdesigners zijn altijd een leuk en goed startpunt.
http://www.zeldman.com
http://www.alistapart.com
http://www.simplebits.com
http://www.mezzoblue.com
http://www.meyerweb.com
http://veerle.duoh.com
etc...

Gewoon wat links/affiliates volgen op deze websites, en zie met eigen ogen hoe webdesign behoort te zijn.

Een mooi voorbeeld van de kracht van xHTML & CSS:
http://www.csszengarden.com/

ps:
met imageready/photoshop maak je dus geen sites...

ps2:
't is erg fijn dat ge ons forum komt vervoegen, maar strooi geen foutieve informatie rond, dat draagt enkel bij tot de verwarring

de ironie druipt er gewoon af van boddah