Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

Probleem nieuwe layout

Pagina: 1
Acties:

  • RemCom87
  • Registratie: November 2007
  • Laatst online: 24-10 13:16
Ik ben momenteel bezig mijn oude design (hier nog te zien http://www.remcom.eu/index1.php) om te zetten naar de "nieuwe vorm" van webdesign.

Ik ben daarmee nu even wat aan het expirimenteren (http://www.remcom.eu/index2.php). Alleen kom ik erachter dat de balk met de knoppen in FF niet goed getoont wordt en in IE wel :? .

Ik ben er al de hele morgen mee bezig dit optelossen. Wie kan mij hiermee helpen/de goeie tip geven.

  • Toolskyn
  • Registratie: Mei 2004
  • Laatst online: 22-06 11:01

Toolskyn

€ 500,-

Firefox gebruikt padding ipv margin op een list. Dus je moet ook even op je menu list een padding: 0; toevoegen.

gewooniets.nl


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Even padding van je ul op 0 zetten :)

Cascading Stylesheet:
1
2
3
4
5
6
#topmenu ul {
  list-style-type:none;
  margin:0 auto;
  padding: 0;
  width:779px;
}

[ Voor 0% gewijzigd door Rowanov op 17-07-2008 13:49 . Reden: Bah, sneller typen en zo :P ]


  • RemCom87
  • Registratie: November 2007
  • Laatst online: 24-10 13:16
tsss bizar. thnx hier heb ik de hele morgen over gedaan en niks gevonden :).

Echt een veel beter systeem die divs!!! Echt top.

  • RemCom87
  • Registratie: November 2007
  • Laatst online: 24-10 13:16
Ik heb nu toch weer een ander probleem (http://www.remcom.eu/index2.php).

In IE gaat alles goed (op de 2 witte vlakjes na). Maar in FF blijft reken sommige divs/achtergronden niet goed mee.

Ik kom hier ook niet meer uit.

En zoals ik eerder zij is dit de eerste keer dat ik het nieuwe designen gebruikt. Klopt het tot zover een beetje wat ik in elkaar aant prutsen ben.

  • Pkunk
  • Registratie: December 2003
  • Laatst online: 02-11 10:08
Begin eens met #tekstbody en/of #content een overflow:hidden te geven.
Wat je namelijk doet is het enige element met inhoud floaten. Een gefloat element rekt z'n ouders niet mee in ff. Je kan dat makkelijk verhelpen door overflow:hidden of overflow:auto aan z'n parent te geven. Maar de vraag is of je wel wil floaten. Misschien kan je beter display:inline gebruiken?

Nog een andere oplossing: zet een element met style="clear:both" onderaan de elementen die je wil laten meerekken

Daarnaast gebruik je een ul (Unordered List) om je content te scheiden. Je kan hier beter div's voor gebruiken. div staat niet geheel ontoevallig voor division ;)

Misschien handige linkjes voor je:
faux columns
3 column layout
veel css voorbeelden
Semantiek

[ Voor 52% gewijzigd door Pkunk op 18-07-2008 00:02 ]

Hallo met Tim


  • curry684
  • Registratie: Juni 2000
  • Laatst online: 06-09 00:37

curry684

left part of the evil twins

Als je veel floats hebt overigens is de 'float everything' methode soms ook nog haalbare kaart - een floating parent resized wel naar z'n floating children.

Dat daargelaten moet je floats zoveel mogelijk vermijden, dus kun je beter Timlog's oplossingen even goed doorlezen.

Professionele website nodig?


  • Quinie
  • Registratie: Juli 2001
  • Laatst online: 29-07 14:53

Quinie

.nl

curry684 schreef op vrijdag 18 juli 2008 @ 03:42:

Dat daargelaten moet je floats zoveel mogelijk vermijden.....
Vraagje: waarom ?
Heb je hier meer informatie over.. Want ik gebruik het best veel en geen problemen mee ondervonden.

[ Voor 20% gewijzigd door Quinie op 18-07-2008 18:20 ]


http://www.Quinie.nl
http://soundcloud.com/quinie
https://www.wereoutthere.nl


  • curry684
  • Registratie: Juni 2000
  • Laatst online: 06-09 00:37

curry684

left part of the evil twins

Test je ook crossbrowser? :P

Met floats is op zich mis, maar zeker met krappe layouts levert het veel IE compatibility issues op die ook te voorkomen zijn met absolute positioning, wat je vervolgens ook nog meer flexibiliteit mbt semantiek en content-organisation oplevert.

Professionele website nodig?


  • Quinie
  • Registratie: Juli 2001
  • Laatst online: 29-07 14:53

Quinie

.nl

Ja zeker maar niet voor alle sites. Soms is het gewoon weg niet nodig. prive site-je voor vrienden etc. Toen ik nog voor de overheid werkte vond (vind) ik dat iedere site voor iedereen toegankelijk moet zijn.
Dus ja meestal wel. Gebruik ook wel is absolute of relative postion. Maar las je opmerking alsof floats iets heel erg slechts zou zijn. Snap je punt het is vaak wat tweaken idd.


http://www.Quinie.nl
http://soundcloud.com/quinie
https://www.wereoutthere.nl


  • Niekk
  • Registratie: September 2007
  • Laatst online: 12-04-2021

Niekk

Human-readable is relatief

Je kan het ook aan de makers vragen van het origineel of ze tips hebben :)

  • gwystyl
  • Registratie: Juni 2001
  • Laatst online: 12:45

gwystyl

Beugeltje dan maar?

Het valt me vooral op dat de letters in FF anders zijn dan in IE. Zijn die in IE anti-aliased ofzo?
Pagina: 1