[CSS] IE en Firefox ongelijk

[6bit]

Ik ben me sinds kort gaan verdiepen in CSS omdat dit toch wel veel voordelen heeft, nu ben ik bezig met een nieuwe site voor de volleybalvereniging, en daar wil ik CSS toepassen, heb vreemde alleen is dat IE en Firefox het anders weergeven

Een ander probleem in Firefox is dat de src="" die ik bij de gebruikte IFRAME gebruik wel bij IE getoond wordt maar niet bij Firefox. de links uit het menu worden wel geopend in de iframe, maar de main.html die al bij de src staat wordt niet geopend

Ik ben net begonnen met CSS dus misschien doe ik vanalles fout.

de CSS:

code:

body {
    background-color: White;
}

font.menu {
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: Black;
    padding-top: 20px;
}

font.sponsor {
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
}

table.table1 {
    border-bottom-width: 1px;
    border-bottom: 1px double Orange;
    border-left-width: 1px;
    border-left: 1px double Orange;
    border-top-width: 1px;
    border-top: 1px double Orange;
    border-right-width: 1px;
    border-right: 1px double Orange;
    background-color: White;
    background-image: url(scherp11.jpg);
    background-repeat: no-repeat;
}

div.bezoekers {
    font: bold xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: Black;
    color: White;
}

[BtM909]

Met alleen CSS code kunnen we niet zoveel.

Enige wta me even opvalt aan je CSS: probeer zo veel mogelijk HTML elementen te gebruiken en deze te stylen met je CSS. Daarnaast moet je proberen zoveel mogelijk beschrijvende classes te gebruiken.

ajjjj... je gebruikt toch niet 't font -element?

[akakiwi]

Ik ben er zelf altijd voorstander van om font niet in 1 regel te vrotten.

code:

font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;

wordt bij mij dan

code:

font-size: 9px;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

Verder hoef je de border-xxxxxx-width niet apart op te geven als je die ook al in je border-xxxxxx opneemt.

Hoe het komt dat je source van het iframe niet geladen wordt, is me een beetje een raadsel.

[HawVer]

ff om bij akakiwi aan te sluiten.

code:

    border-bottom-width: 1px;
    border-bottom: 1px double Orange;

Geeft hetzelfde resultaat als

code:

    border-bottom: 1px double Orange;

Een tip voor je. Als je hexadecimale codes gebruikt voor kleuren heb je meer invloed op welke kleur je krijgt.

[ Voor 3% gewijzigd door HawVer op 14-01-2005 12:52 ]

[Verwijderd]

Verder hoef je de border-xxxxxx-width niet apart op te geven als je die ook al in je border-xxxxxx opneemt.

Das wel weer een regel meer ;-)

Serieus, wat is er mis met shorthand-properties?

[6bit]

Oh, waarom niet de tag <font> gebruiken?

en ik gebruik topstyle om de css op te maken en die maakt de regels zo.


zie het verschil bij firefox en IE

hoe los ik dat op

Enige wta me even opvalt aan je CSS: probeer zo veel mogelijk HTML elementen te gebruiken en deze te stylen met je CSS. Daarnaast moet je proberen zoveel mogelijk beschrijvende classes te gebruiken.

hoe bedoel je dit?

[ Voor 11% gewijzigd door 6bit op 14-01-2005 17:22 ]

[Mithrandir]

6bit schreef op vrijdag 14 januari 2005 @ 14:34:
Oh, waarom niet de tag <font> gebruiken?
[...]

Omdat de <font> tag helemaal niets zegt over wat voor text er in staat. De HTML moet beschrijven zijn over de DATA; een <font> tag zegt iets over de opmaak. Een menu kun je daarom beter een lijst maken, en die lijst apart opmaken.

[Rowanov]

Volgens mij heb je, wat BtM909 al zei, niet helemaal begrepen hoe je HTML het beste gebruikt. De tags die je gebruikt horen een logische beschrijving van de inhoud te zijn: <p> voor paragraaf <adress> voor adressen etc.
Kijk eens op: http://www.alistapart.com/articles/eatcake

[6bit]

ok ik snap dus dat ik font niet moet gebruiken in een CSS maar beter kan werken met <p> en <div>???

en dat opmaken.

zal weer een beetje stoeien en kijken of het lukt

[Rowanov]

Je kunt beter werken met de tags die ervoor bedoeld zijn. Je kan namelijk heel veel elementen op display: block; zetten en dus opmaken zoals jij wilt. Divs gebruik je alleen in het geval dat het je niet lukt om de html tags op te maken. In andere woorden, meer om de pagina onder te verdelen zoals in het artikel van ALA.

[ Voor 17% gewijzigd door Rowanov op 14-01-2005 17:26 ]