footer perikelen

Ik heb een verstoorde relatie met mijn footers. In bijna elke site die ik maak zit ik ruzie te maken met de onderregel. Zo ook nu.

http://www.noxbox.nl/look/

Alleen in Safari ziet het er uit zoals ik wil. De twee plaatjes worden resp met een float naar links en naar rechts geduwd, de tekst moet in het midden. Maar in alle andere browsers komt de rechter image een regel lager te staan.
Ik heb inmiddels alle manieren die ik kon bedenken wel gehad. Vooral alle varinanten van clear:both/left/right en display:inline. Niks werkt.

Iemand met inzicht in voetproblemen?

wat heb je staan precies bij position: ... ? als daar relative staat, moet je es proberen met absolute. werkte bij mij gister wel toen ik ook hetzelfde probleem had, maar misschien heb jij n andere opzet./ het proberen iig kan geen kwaad ;)

En je footertext in een aparte div plaatsen? Dus 3 blokken naast elkaar?

[img:abb514fc52]http://forum.macosx.nl/album_pic.php?pic_id=11849[/img:abb514fc52] op dit moment heb ik het zo in je CSS staan: [code:1:abb514fc52].left { position: relative; float: left; margin-left: 2px; }

.right
{
position: relative;
float: right;
margin-right: 2px;
top: -20px;
}[/code:1:abb514fc52]
beetje nasty met die top: -20px;, maar het werkt iig :wink:
anders zou je es moeten proberen om idd die tekst in het midden ook in n div te zetten.

//edit:
daarom vind ik het altijd fijner om met tabellen te werken. hoppa in een cel en uitlijnen maar :wink:

Werken met negatieve marges. Twee artikelen die je op het spoor zetten:

http://www.autisticcuckoo.net/archive.php?id=2004/12/10/floating
http://www.alistapart.com/articles/holygrail

Enne… als je een werkende setup hebt deze steeds weer toepassen op alle sites :wink:

Ik had dit eens met 3 naast elkaar gelegen DIV's ... de linker stond 'floating left', de rechter 'floating right' ... toch verdween de rechter steeds naar beneden. Toen ik de middelste ook op 'floating left' instelde kwam de rechter pas gelijk met de andere twee.

Dat laatste lijkt inderdaad de oplossing te zijn... Tnx. Gecombineerd met een linkermarge van 150 px omdat anders de boel in Safari te ver naar rechts schuift.

Het gaat inderdaad om de ‘anonymus block’ die tekst voor zichzelf maakt.

Werkt in Safari, Firefox, IE6 onder XP. Niet in IE5 voor mac, maar dat laat zich wel hacken.

Iemand nog commentaar op deze oplossing?

[code:1:3416cd6a5f]#footer
{ font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
font-size: 10px;
color: #F60;
text-align: center;
text-decoration: none;
background-color: white;
background-image: url(footer.gif);
margin-top: 10px;
margin-right: -2px;
margin-left: -2px;
padding-top: 26px;
background-repeat: repeat-x;
clear: both;}

.center
{ float: left;
margin-left: 150px;}

.left
{ float: left;
margin-left: 2px;}

.right
{ float: right;
margin-right: 2px;}
[/code:1:3416cd6a5f]