Archief - HTML : foute positionering knoppen IE en firefox?

Hallo,

Volgende website: www.fuclan.be is perfect te aanzien in IE.

Indien je deze website opent met firefox, dan zul je merken dat hij de position left, niet toepast.

Dit is mijn code ervoor.

<style type="text/css">
<!--

BODY {scrollbar-3dlight-color:transparent;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:noone;
scrollbar-track-color:noone;
scrollbar-darkshadow-color:#CCCCCC;
scrollbar-face-color:noone;
scrollbar-highlight-color:noone;
scrollbar-shadow-color:noone
}
.style2 {color: #FFFFFF}
.style3 {font-size: 24px; color: #CCCCCC; font-family: Tahoma;}
a:link {
text-decoration: none;
color: #CCCCCC;
}
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: none;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
#buttonhome{
position: relative;
top:80px;
left:100px;
}
#buttonmembers{
position: relative;
top:80px;
left:120px;
}
#buttonserver{
position: relative;
top:80px;
left:140px;
}
#buttonlinks{
position: relative;
top:120px;
left:-140px;
}
#buttonrules{
position: relative;
top:120px;
left:-120px;
}
#buttonforum{
position: relative;
top: 155px;
left:-275px;
}

#table{
position: relative;
left: 15px;
}
-->
</style>

Ik denk da je het nut van css2 positioning nog niet echt snapt. Ofwel maak je je layout volledig met divs + css en dergelijke. Ofwel doe je het op de oude manier met tables. Jij maakt hier een mix van beide die compleet fout is toegepast. css.maxdesign.com.au/ hier vind je wat meer uitleg over sommige onderdelen die je zal moeten toepassen indien je je layout volledig met css gaat maken.

Als je toch met deze code wil verdergaan (wat ik niet zou doen) zal je eerst de basis van tables eens moeten doornemen en niet te veel met divs in tables en deze dan ook nog positioning meegeven.
is al een heel zware blunder. Content die je in tables zet moet tussen <td> en </td> en nergens anders en een <td></td> staat telkens tussen een <tr></tr> niet anders

moderator noot :
je topic bevat geen prefix, een verkeerd prefix of heeft een onduidelijke titel.
Gelieve een duidelijke titel met een bijhorend correct prefix te gebruiken. Voor meer informatie over prefixen kan je terecht op regels en prefixen !!!.
Je topic is aangepast en je hebt een een waarschuwing gekregen, gelieve in het vervolg er op te letten.

Sorry moderator, eerste keer dat ik in deze sectie post!

@ cs_Rvl: Bedankt, ik zal eens zien naar die site. En ik ben geen crack met tables. Bedankt voor je kritiek

ik zou deze site gewoon maken met tables , in layout view van DWeaver.
Als je geen DW hebt, download het dan en gebruik het 30 dagen gratis.

Zoiets ga je daar snel kunnen maken hoor, vooral omdat je alle graphics al hebt, gewoon nog een template adden, en fixed maken + die kan je dan (de tabellen) reglen me ne image spacer of spacer image (naam ontsnapt mij) zodat u afbeelding / layout / marges tot afbeelding, whatever... hetzelfde blijft, zowel in mozilla als in IE


grtz