PDA

Volledige versie bekijken : HTML/CSS Firefox compatible


tobisan
%Europe/Berlin %825 %2005, 20:48
Hey zoals een paar van jullie misschien al hebbe gemerkt, heb ik hier al een topic gestart over tabellen naast elkaar. moflwm heeft mij hierbij heel erg goed bij geholpen. Als je dit leest, nogmaals heel erg bedankt ;) Ik heb er veel van geleerd.

Nu is mijn soort van weblog al af, alleen heb weer een probleem. Je raad het al, door de titel:
Mijn weblog is niet Firefox compatible zie ik. Het rechtervak loopt over mijn linkervak heen in FireFox, terwijl het op Internet Explorer het er perfect uitziet zoals het hoort.

Mijn vraag dus: Hoe kan ik mijn weblog FireFox compatible maken ?

Of ligt het misschien aan iets anders ?

Bij mijn flash opdracht kon ik dit FireFox compatible maken door het eerste regeltje code weg te halen, maar bij mijn weblog veranderd er niks als ik hetzelfde doe...

Heb jullie hulp dus weer nodig :o

Jorim
%Europe/Berlin %863 %2005, 21:43
Als je ons eerst eens even laat zien wat het probleem is zou dat wel schelen :D

Linkje dus ;)

tobisan
%Europe/Berlin %882 %2005, 22:11
Oja ...zou idd handig zijn :D

klik (http://www.tobisan.com/weblog1.html)

Vergelijk deze link maar in FireFox en Internet Explorer.

Bij IE zit hij goed op zijn plek, op FF niet.

moflwm
%Europe/Berlin %387 %2005, 10:17
je bent volgens mij vergeten een aantal width's aan te passen bij #container, #left en #right. FF is streng op zo'n dingen, IE helemaal niet. :)

gebruik je een WYSIWYG-editor of zo? anders snap ik niet waarom je tables gebruikt om een hoop <p>'s onder elkaar te zetten... :confused:

tobisan
%Europe/Berlin %392 %2005, 10:24
Hey

Ja ik gebruik dreamweaver. Wat houd eigenlijk #left en #right in ? :I

tobisan
%Europe/Berlin %405 %2005, 10:44
Oh tis al gelukt :D :D Alweer bedankt moflwm :D!!!

Alleen hij zit niet mooi recht tegen de bovenzijde aan met FireFox :( Enige tips hierover misschien ? :o

klik (http://www.tobisan.com/weblog1.html)

moflwm
%Europe/Berlin %426 %2005, 11:13
#naam {
...
}
zorgt voor de opmaak van het element met de id #naam, bv
<div id="naam">...</div>
<p id="naam">...</p>
etc.

#left zorgt dus voor de opmaak van de linkerkolom (<div id="left">...</div>) en #right voor de opmaak van de rechterkolom :)

om het mooi tegen de rand te krijgen kun je proberen

html, body {
margin: 0;
padding: 0;
}

tobisan
%Europe/Berlin %447 %2005, 11:44
Het is gelukt !!! Nogmaals heel erg bedankt !

Ik zal het resultaat binnenkort posten op het Forum, so stay tuned :p


VOOR RESULTAAT ZIE DEZE TOPIC (http://www.flashfocus.nl/forum/showthread.php?t=2155)