margin/padding probleem?

**C. Ter Maten** · 12-01-2012, 12:14

Ik heb mijn site http://www.welke-week-is-het.nl/ pas aangepast. Nu worden de bovenkant en het weeknummer in de meeste browsers naar beneden geduwd. Hoe komt dit?

In de css heb ik de header (de bovenkant die omhoog moet) op margin-top: 0px; en padding-top: 0px; staan.

**Raymond Karsten** · 12-01-2012, 12:23

Origineel gepost door C. Ter Maten

Ik heb mijn site http://www.welke-week-is-het.nl/ pas aangepast. Nu worden de bovenkant en het weeknummer in de meeste browsers naar beneden geduwd. Hoe komt dit?

In de css heb ik de header (de bovenkant die omhoog moet) op margin-top: 0px; en padding-top: 0px; staan.

html, body {margin: 0; padding: 0;}

**gast48560** · 12-01-2012, 12:26

Doe voor de volgende keer ook even alles in een wrapper zetten, maar het komt er op neer dat je dit even erbij moet zetten in de body

Body {
margin: 0px;
}

Succes.
Aanvullend bericht:

Origineel gepost door Raymond Karsten

html, body {margin: 0; padding: 0;}

al het antwoord gegeven, top.. had hem open staan en werd gebeld dus had niet gezien dat er al geantwoord was.!

**C. Ter Maten** · 12-01-2012, 12:32

Origineel gepost door Tycho Kaspers

Doe voor de volgende keer ook even alles in een wrapper zetten, maar het komt er op neer dat je dit even erbij moet zetten in de body

Body {
margin: 0px;
}

Succes.
Aanvullend bericht:

al het antwoord gegeven, top.. had hem open staan en werd gebeld dus had niet gezien dat er al geantwoord was.!

Hoi, bedankt voor jullie hulp.
Ik had echter bij 'html, body' al 0px staan. Dit heb ik aangepast naar 0 (zonder px) maar de site klopt nogsteeds niet..
Aanvullend bericht:
De header is nu toch de wrapper van alle elementen aan de bovenkant? Of zie ik dat verkeerd?
Aanvullend bericht:
Zie de css hier: http://www.welke-week-is-het.nl/style.css

**R. IJnema** · 12-01-2012, 12:37

Het is de bedoeling dat je een container maakt voor de complete layout, dus een DIV die om de complete layout heen zit.

<html>
<head>
<title>titel</title>
</head>
<body>
<div id="container">

HIER DE WEBSITE

</div>
</body>
</html>

**C. Ter Maten** · 12-01-2012, 12:44

Origineel gepost door R. IJnema

Het is de bedoeling dat je een container maakt voor de complete layout, dus een DIV die die om de complete layout heen zit.

Dat heb ik nu gedaan, nog steeds hetzelfde probleem.

De css voor mijn container heb ik als volgt gemaakt:

kliko {
margin:0;
padding:0;
width:800px;
}
Aanvullend bericht:
Kan het liggen aan de 'padding-top: ... ' die de items in de header hebben?

**R. IJnema** · 12-01-2012, 12:52

De verhouding van de afmeting tussen de achtergrond afbeelding en de menu afbeelding is niet goed, 4 px verschil (hoogte).

**C. Ter Maten** · 12-01-2012, 13:08

Origineel gepost door R. IJnema

De verhouding van de afmeting tussen de achtergrond afbeelding en de menu afbeelding is niet goed, 4 px verschil (hoogte).

Die 4 pixels extra in de achtergrond bevatten een stukje wit. Dit wit zit onder het grijs.
De achtergrond en de header-achtergrond zijn wel even groot.

In Dreamweaver ziet het er zo uit in Designmode:

En in Live Viewmode ziet het er zo uit:

In Dreamweaver klopt het dus wel..

**R. IJnema** · 12-01-2012, 13:11

Een tip: Werk gewoon netjes in bijvoorbeeld notepad++ en ontwerp nooit weer websites in de design mode van Dreamweaver :)

Herstel: ik las te laat wat je had geschreven.

**C. Ter Maten** · 12-01-2012, 13:17

Origineel gepost door R. IJnema

Kijk naar de afbeeldingen en de afmetingen hier van, je bent een ontwerper?
Een tip: Werk gewoon netjes in bijvoorbeeld notepad++ en ontwerp nooit weer websites in de design mode van Dreamweaver :)

http://www.welke-week-is-het.nl/images/bg.gif = 4x168 pixels
http://www.welke-week-is-het.nl/images/header.gif = 800x164 pixels

Ik werk in Dreamweaver alleen maar in de Codemode, de Designmode gebruik ik niet om te werken. Ik plaatste net enkel een screenshot ter info ;)

Herstel: dan kan ik het commentaar dat hier stond ook weghalen ;)

**Michal D** · 12-01-2012, 13:28

Haal om te beginnen <style type="text/css"> en </style> uit je stylesheet.

**Thomas De Jonghe** · 12-01-2012, 14:03

Klopt wat hij zegt.

Door die lijn code, slaagt de css precies de eerste lijn code in je css over diegene waar je alle headings en body op margin en padding 0 zet.

Als je met chrome webdeveloper kijkt, zie je dat die lijn code nergens terugkomt.

Origineel gepost door Michal D

Haal om te beginnen <style type="text/css"> en </style> uit je stylesheet.

**C. Ter Maten** · 12-01-2012, 17:32

Origineel gepost door Michal D

Haal om te beginnen <style type="text/css"> en </style> uit je stylesheet.

Ja, dat was het!

Na 2 weken ziet de site er eindelijk weer normaal uit. Heel erg bedankt! ;)

margin/padding probleem?