Problemen met hoogte/breedte DIV

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Patrick van Kampen

Patrick van Kampen

07/07/2008 13:58:00
Quote Anchor link
Ben voor de eerste keer met een DOCTYPE aan de slag gegaan, helemaal geen problemen mee gehad, totdat ik mij list voor navigatie ging maken.

Op een één of andere manier pakt hijde hoogte en breedte variablen niet meer goed op uit de CSS die ik gemaakt heb, wat betekend dat de DIV zich om de tekst heen vouwt, waardoor ik geen evengrote vakken krijg.

Iemand enig idee? Check de code op www.perkele.nl/test.htm

Alvast bedankt!
 
PHP hulp

PHP hulp

05/11/2024 16:36:28
 
--

--

07/07/2008 14:04:00
Quote Anchor link
Het doctype heeft niets met CSS te maken..

Er zitten ongeldige regels in je css.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
float: bottom;
kan niet en
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
font: bold 12px Calibri;
ook niet
Gewijzigd op 01/01/1970 01:00:00 door --
 
Patrick van Kampen

Patrick van Kampen

07/07/2008 14:06:00
Quote Anchor link
Ik vind het vreemd, want als ik de doctype eruit vandaan haal .. dan werkt men menu wel goed. Dus ik weet niet wat ik fout doe, misschien heeft het met iets anders te maken, maar dat kan ik zelf dus niet vinden ..
 
--

--

07/07/2008 14:13:00
Quote Anchor link
Je hebt errors in je pagina, zie http://validator.w3.org/. Bijv
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<style type=text/css>
moet zijn
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<style type="text/css">
 
Patrick van Kampen

Patrick van Kampen

07/07/2008 14:28:00
Quote Anchor link
Inderdaad een aantal errors, ik snap de meeste die er staan alleen niet ... allemaal rare foutmeldingen, die volgens mij gewoon goed staan in men document ...

Maarja, heb een aantal dingen dus aangepast, maar het werkt nog steeds niet .. ik vind het maar vreemd want zodra ik de Doctype vervang door alleen een simpele <html> tag dan is er niets aan de hand ..
 
--

--

07/07/2008 14:38:00
Quote Anchor link
Vervang de doctype die je nu hebt, deze dus:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
door:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
Zie je het verschil? Je switcht van Transitional naar Strict en je html tag verandert. Bij jou doctype staat geen
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
xml:lang="nl" lang="nl"
en dat staat er hier wel. De language wordt dubbel opgegeven omdat xhtml met html én xml te maken heeft. Voor beide wordt dus een language opgegeven. Vanaf de volgende versie van xhtml verdwijnt dit en zal alleen nog de xml:lang overblijven. Succes!
 
Patrick van Kampen

Patrick van Kampen

07/07/2008 15:44:00
Quote Anchor link
Ik heb jou opmerkingen erin verwerkt Evert, maar helaas nog geen resultaat ...

Ik heb de opbouw van mijn CSS helemaal opnieuw gedaan, ben op basis van dit DOCtype wat verder gekomen,

Voorbeeld / code:
http://www.perkele.nl/test.htm

Echter kan ik voor mijn ".nav li a" geen height/width opgeven, op een één of ander manier wil hij de 100% niet gebruiken .. ook niet in de hover, wat betekend dat alleen de achtergrond van de tekst van kleur veranderd, maar niet de kleur van het gehele vakje .. doe ik iets fout in mijn css, nu alles nagekeken, en alles zou toch echt goed moeten staan ...

edit:

en in FF blijven de puntjes van de list staan, hoe kan ik deze weghalen?
Gewijzigd op 01/01/1970 01:00:00 door Patrick van Kampen
 
Patrick van Kampen

Patrick van Kampen

07/07/2008 19:47:00
Quote Anchor link
Bedankt voor de hulp, het is me gelukt .. heb de CSS volledig opnieuw opgebouwd en werkt nu zoals het hoort, zowel in FF als in IE!

http://www.perkele.nl/test.htm
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.