positionering (opnieuw)

[jurschouten]

Waarom krijg ik mij pagina niet helemaal boven in het scherm?
www.zutphendraaitdoor.nl

#container {
padding: 0px;
width: 976px;
margin-top: 0px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
left: auto;
top: 0px;
right: auto;
text-align: left;
font-family: "Century Gothic";
font-size: 12pt;
}

#logo {
width: 976px;
height: auto;
left: auto;
top: 0px;
right: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
background-color: #FFF;
}
#menu {
background-color: #69F;
height: auto;
width: 976px;
}
#content {
font-family: "Century Gothic";
font-size: 14pt;
height: auto;
width: 976px;
background-color: #CCC;
color: #336699;
}
p a {
font-family: "Century Gothic";
font-size: 10px;
color: #336699;
}


ben vast wat hardleers.......
maar alvast bedankt
jur

 

[tecsman]

Ik zou even in je CSS expliciet de border en/of margin van BODY op 0 zetten
wellicht is dat het

body
{
margin: 0px; 
border: 0px
}

 

[jurschouten]

dat maakt helaas niets uit..

 

[csshunter]

Toch wel!
Als ik bv. met de css-editor van de Developer Toolbar even online de body op margin nul zet, vliegt in Firefox het witte blok meteen tegen de bovenrand aan. Meestal is dat voldoende; door er ook body {padding:0;} bij te zetten kan geen enkele browser aan de opdracht ontkomen.

• NB: Als de eerste regel in het eerste element een <h1> of een <p> is (hier niet het geval), dan moet de margin-top daarvan ook op nul gezet worden. De afstand tot de bovenkant regel je dan met de padding-top, die altijd binnen het element moet vallen.

Met vriendelijke groet,
CSShunter
___________
PS: de contrast-verhouding tekst/achtergrond is véél te laag. Die is nu:

• Foreground:#336699, Background:#CCCCCC, The contrast ratio is: 3,7:1.

De minimale drempelwaarde voor toegankelijkheid is 5:1 (meest soepele norm), en liefst 7:1 (beste toegankelijkheid voor mensen met een visuele beperking).

 

[jurschouten]

geweldig, het gaat nu inderdaad goed
wederom erg bedankt

hoe bepaal je eigenlijk de contrast ratio???????

 

[csshunter]

De contrast-ratio (en meer kleur-toestanden waarmee rekening gehouden moet worden) kan je vaststellen met de handige Color Contrast Analyser, bij een beetje scrollen op die pagina daar ook te downloaden.
Deze is als zelfstandig programmaatje te gebruiken bij alle browsers (en screenshots, tekenprogramma's, enz.).

Hij zit verder ingebouwd in de Web Accessibility Toolbar (voor IE en Opera), ook een aanrader (naast de Web Developer Toolbar voor Firefox).

 

[huijb]

Waarom hou je het niet bij een vraag, deze dus http://www.helpmij.nl/forum/showthread.php/658479-problemen-met-positionering

 

[puppie]

nu moet hij het wel bij die vraag houden. Deze heeft een slot gekregen.


op verzoek van css hunter weer geopend.