IE and Firefox rare space? - Softwareontwikkeling

donderdag 26 juni 2008 03:24

Acties:

Verwijderd

Topicstarter

Heya Tweakers.
Ik zit met het volgende probleem, ik ben een website voor mijn broer aan het maken maar krijg een rare ruimte tussen de navigation div en contect div.

CODE WEBSITE

HTML:

]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

knip, code staat op onderstaande url

Hier staat het foutje dus: http://home.wanadoo.nl/~familiederooij/Nieuwe%20map/

Thanks already!

[ Voor 80% gewijzigd door André op 26-06-2008 12:53 ]

donderdag 26 juni 2008 03:31

Acties:

Bergen

Spellingscontroleur

Eerst declareer je XHTML STRICT en vervolgens ga je allemaal opmaak in de HTML gooien die in de CSS thuishoort? Waarom declareer je je HTML dan alszijnde "STRICT"?

Verder is het gewoon een kwestie van debuggen. Je hebt de pagina al ingedeeld in divs, dat scheelt. Geef nu elke div eens een border van 1px met verschillende kleurtjes. Zoek dan uit bij welke border de ruimte hoort. Zit het binnen of buiten een border? Indien binnen, bij welke div? Dan zal het om een padding gaan. Als het buiten een div zit zal het om een margin gaan. Dus tja, even gekleurde borders toevoegen, dan weet je meer.

Ook zou ik de CSS eens wat opruimen... Stukjes als:

code:

1 2	margin: 0px 0px 0px 0px; margin-top: 0px;

Zijn weinig zinvol. Als je net alle 4 zijden op 0px hebt gezet hoef je niet nóg eens de top op 0 te zetten. Die beide regels kun je ook simpelweg vervangen door:

code:

1	margin: 0;

Er hoeft bij 0 geen eenheid achter (cm, px, etc) want dat doet er niet toe als het 0 is.

PS: Ik zou niet het font "Calibri" gebruiken. Jij hebt dat font toevallig, maar 99% van de bezoekers zal dat niet hebben en ziet de pagina dus anders dan jij hebt bedoeld.

[ Voor 31% gewijzigd door Bergen op 26-06-2008 03:36 ]

donderdag 26 juni 2008 03:32

Acties:

DefLite

Why so serious?

Ik zou de code even in code tags zetten

[ Voor 10% gewijzigd door DefLite op 26-06-2008 03:32 ]

donderdag 26 juni 2008 12:54

Acties:

André

Analytics dude

Ik mis nou de onderbouwing over wat je zelf al geprobeerd hebt? Wij gaan niet zomaar een probleem oplossen zonder dat jij er moeite voor gedaan hebt.

donderdag 26 juni 2008 15:51

Acties:

Verwijderd

Topicstarter

Ik heb zelf geprobeerd met de padding en de spacing tussen de div's, door middel van marging etc. Dat wou niet echt lukken dus ten einde raad kom ik hier.

donderdag 26 juni 2008 16:03

Acties:

Michali

Zet eens een display: block; op de IMG in je #navigation.

Een IMG element is namelijk standaard inline.

Overigens zou ik die afbeelding opknippen, en ze dan in de achtergrond zetten van items in een UL list. Het is namelijk een afbeelding die bij je design behoort en niet echt content van de pagina.

[ Voor 81% gewijzigd door Michali op 26-06-2008 16:06 ]

Noushka's Magnificent Dream | Unity