Hulp gevraagd met css probleempje.
Ik ben bezig met een experimentje met css, maar uiteraard wil dat ook nog niet zo best lukken.
Ik heb verschillen tussen Firefox en IE, met name de header veranderd en van de content spring de tekst naar beneden.
Kan iemand mij op weg helpen svp ? Heb de tutors van Jan Koehoorn al gelezen, maar schijnbaar zie ik nog iets over het hoofd.
linkje: http://www.2mdesign.nl/test/index.html
edit: typo
Gewijzigd op 01/01/1970 01:00:00 door Marcel K
ff bumpen, kan iemand ff me site tsjekken en me een hint geve svp ?
Tegenwoordig gaat iedereen met div werken ipv tabellen.
De <p> in de content had ik idd nog niets mee gedaan, tnx voor de hint hiervoor.
Guido schreef op 26.06.2007 20:04:
Onzin, hoe kom je daarbij?Werk zo min mogelijk met <div> die willen vaak voor problemen zorgen.
Quote:
Je geeft alle tags die opmaak mee die ze nodig hebben. En je begint met de grote lijnen en vervolgens ga je steeds verder de details uitwerken.Ook is het handig op elke <p> een class mee tegeven waarin je aangeeft dat zowel de padding als margin een waarde heeft, dan doen firefox en IE het al een heel eind hetzelfde, want anders zoeken ze hun eigen standaard. Het precieze probleem zie ik niet zo in de code, dus ik zou het zoeken in de div's
IE heeft vooral problemen met het boxmodel en daar zijn 1000 en 1 artikelen over geschreven. Zoek die eens op en implementeer de oplossing die jij nodig hebt.
Maar dat van die div's, hoe verzin je het...
Maar: we zoeken verder, alle tips van jullie zijn welkom uiteraard.
Ook lijkt mij dat in FF de lettertypes lichter van kleur zijn terwijl er toch duidelijk een font gedeclareerd is in de CSS.
Iemand hier ervaring mee ?
mod-edit::
Bumpen
Twee of meer keer achter elkaar in je eigen topic posten heet bumpen. Omdat het opdringerig overkomt is bumpen pas na 24 uur toegestaan. Bumpen kan een reden zijn voor de admins en mods om een topic te sluiten. Gebruik het
knopje om je tekst aan te passen indien nodig.
Twee of meer keer achter elkaar in je eigen topic posten heet bumpen. Omdat het opdringerig overkomt is bumpen pas na 24 uur toegestaan. Bumpen kan een reden zijn voor de admins en mods om een topic te sluiten. Gebruik het
knopje om je tekst aan te passen indien nodig.Gewijzigd op 01/01/1970 01:00:00 door Marcel K
De meest gebruikte oplossing is dat je een zogenaamde wrapper-div maakt. De constructie ziet er zo uit:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<div id="container">
<div class="wrapper">
<!-- hier de content -->
</div>
</div>
<div class="wrapper">
<!-- hier de content -->
</div>
</div>
In je CSS geef je nu alle padding, borders, enz aan de wrapper div. De container div zal door deze truc niet breder worden.
Probeer dus om je site passend te krijgen qua hoogte, of hou een marge over van enkele px in de breedte door een van de div's iets minder breed te maken.
Edit:
Doe eens weghalen:
- alle width:100%
- min-width: 985px;
- min-width: 820px;
Doe eens weghalen:
- alle width:100%
- min-width: 985px;
- min-width: 820px;
Edit:
Ah, dat heet dus dat boxmodel, oplossing is dan inderdaad om je gehele website in een div te zetten met een width:100%;
Ah, dat heet dus dat boxmodel, oplossing is dan inderdaad om je gehele website in een div te zetten met een width:100%;
[/edit]
Gewijzigd op 01/01/1970 01:00:00 door Andries Louw Wolthuizen