[CSS] DIV fout

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • LsZ
  • Registratie: November 2009
  • Laatst online: 12-11-2023
Ik heb een website gemaakt namelijk http://www.swenkt-uit.nl.
De website is op meer dan 6 verschillde computers getest en is overal goed en dan heb ik het alleen over de divs.
Maar een aantal mensen zien de lagen over elkaar staan, weet iemand misschien hier een oplossing voor? , want bij mij staat het gewoon zoals het moet staan.

Weet iemand misschien wat er fout aan deze code is? (hij geeft die fout ook aan op de website links onder in de hoek)


<BODY BGCOLOR=#000000 text="#FFFFFF" link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0
style="font-family: Verdana; font-size: 9pt; color: #FFFFFF" onLoad="FP_preloadImgs
(
/*url*/'images/index_06.jpg',
/*url*/'images/index_07.jpg',
/*url*/'images/index_08.jpg',
/*url*/'images/index_09.jpg',
/*url*/'images/index_10.jpg',
/*url*/'images/index_11.jpg',
)')')')')')')')')')')')">


Hopelijk kan een van jullie mij helpen iedergeval vast bedankt.

Acties:
  • 0 Henk 'm!

  • Vanx
  • Registratie: Augustus 2008
  • Laatst online: 21-04 17:49
In Chrome 12 is het inderdaad niet helemaal lekker, en in Safari ook niet.

Wat er mis is weet ik niet :P

Acties:
  • 0 Henk 'm!

  • 8088
  • Registratie: December 2000
  • Niet online

8088

NaN

LsZ schreef op dinsdag 10 mei 2011 @ 02:22:
De website is op meer dan 6 verschillde computers getest en is overal goed en dan heb ik het alleen over de divs.
'6 verschillende computers' zegt niet zo veel. De besturingssytemen en browsers des te meer.
Maar een aantal mensen zien de lagen over elkaar staan, weet iemand misschien hier een oplossing voor?
De oplossing: kennis van HTML en CSS opdoen. Wat je hier laat zien is één grote bij elkaar geraapte bende.
Weet iemand misschien wat er fout aan deze code is? (hij geeft die fout ook aan op de website links onder in de hoek)
Begin hier eens: http://validator.w3.org/c...2F%2Fwww.swenkt-uit.nl%2F

Do you seek to engage in or have you ever engaged in terrorist activities, espionage, sabotage, or genocide?


Acties:
  • 0 Henk 'm!

  • Flowmo
  • Registratie: November 2002
  • Laatst online: 22-04 08:57
Inderdaad, je site door de validator halen is wel het minste wat je kan doen.

Acties:
  • 0 Henk 'm!

  • brtk
  • Registratie: November 2006
  • Laatst online: 13:57
misschien ook gelijk een tip om niet met inline css te werken maar met een css bestand wat je include...

Acties:
  • 0 Henk 'm!

  • Zed_no1
  • Registratie: Juli 2001
  • Laatst online: 15:15
Installeer eens firefox en firebug (plugin voor firefox) je kunt zo meteen zijn waar welke code fout gaat. Verder moet je eigenlijk altijd proberen om opmaak en structuur van elkaar te scheiden (css + html) daar door voor kom je veel fouten en houd je overzicht.

Ik zie in Chrome 11 namelijk ook de lagen op elkaar en in firefox 4 idem.

Om je toch nog enige oplossing te geven:
Bij de huidige divs (div1, div2 etc) heb je de hoogte gedefinieerd op 100px als je deze eruit haalt dan lijnen je div's wel goed uit.

STYLE TYPE="text/css">
<!--
.div1 { float: left; width: 300px; }
.div2 { float: left; width: 300px; margin-left: 10px; }
.div3 { float: left; width: 300px; }
.div4 { float: left; width: 300px; margin-left: 10px; }
-->
</STYLE>

Acties:
  • 0 Henk 'm!

  • Aganim
  • Registratie: Oktober 2006
  • Laatst online: 15:11

Aganim

I have a cunning plan..

Een aantal dingen die opvallen.

- Ga Doctypes gebruiken. Zonder Doctype weet een browser niet welke (X)HTML versie jij gebruikt en dus hoe hij je site moet renderen, waardoor je onvoorspelbaar gedrag krijgt.
- Ga je script tags na, 1 klopt niet. "Language" is geen vervanger voor "type".
- <style> blokken horen in de <head> te staan, niet in <body>, nog mooier is gewoon in een extern CSS bestand.
- Meerdere <html> en <head> == nono..
- Gebruik van <font> == nono (daar je immers CSS styling voor).
- Ga correct gebruik maken van <p> tags.
- Zoveel <br>'s zijn zelden nodig, positioneren via CSS is meestal een beter alternatief.
- Gebruik voor alle tags hoofdletters, òf alleen kleine letters. Maar niet beiden door elkaar.
- Sluit al je tags en let op nesting.
- Dump die tabel waar je nu je layouts mee doet, ook op je eigen website. Daar zijn ze niet voor, die zal je moeten vervangen voor een Div/CSS gebaseerde oplossing.

Verder: ga, zoals boven ook aangeven, je eerst eens inlezen in HTML en CSS. Want eerlijk gezegd ziet dit eruit als code die overal vandaan is geplukt, bij elkaar is gegooid en wonder boven wonder nog enigzins fatsoenlijk eruit ziet. Aan enige standaard voldoet het in ieder geval niet.

Gezien de hoeveelheid fouten in de code zou ik heel eerlijk gezegd adviseren om deze site van het begin af aan opnieuw op te bouwen, nadat je meer kennis opgedaan hebt. Vraag desnoods via PM of mensen je voortgang willen bekijken, daar ben ik best bereid toe. Zo weet je in ieder geval of je op de goede weg zit.
Pagina: 1