Probleem nieuwe layout

[RemCom87]

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]

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

[Rowanov]

Even padding van je ul op 0 zetten

Cascading Stylesheet:

#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]

tsss bizar. thnx hier heb ik de hele morgen over gedaan en niks gevonden .

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

[RemCom87]

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]

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 ]

[curry684]

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.

[Quinie]

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 ]

[curry684]

Test je ook crossbrowser?

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.

[Quinie]

curry684 schreef op vrijdag 18 juli 2008 @ 22:14:
Test je ook crossbrowser?

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.

[Niekk]

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

[gwystyl]

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