[radioaktivitet]

Jag har en webbplats som har ett centrerat innehåll med fast bredd. Sidan är byggd med tabeller på detta sätt:

<table width="730" cellspacing="0" border="0" cellpadding="0" align="center">
...
</table>

Nu vill jag lägga till lite annonser på höger sida om innehållet men är inte säker på vilket sätt som är bäst.

Fortsätter jag använda tabeller så kommer inte annonserna att laddas in föränn hela tabellen (inklusive nuvarande innehåll på sidan) är inladdad. Dessutom kommer innehållet att förflytta sig så att sidan centeras på innehållet inkl. reklam. Det vill inte jag - jag vill att sidan endast skall vara centrerad på innehållet. Och att reklamen skall ligga till höger (och därmed inte synas om man har en liten skärm).

Nä, det bästa alternativet är nog att använda CSS. Men jag är inte säker på hur man gör detta. Är tacksam för tips!!

[crazzy]

html:

<div id="Annonser">
din annons
</div>


css:

#Annonser {
position: absolute;
right: 0px;
top: [Hur lång från överkanten annonserna ska vara];
}

[Magnus_A]

Originally posted by crazzy@Oct 9 2007, 12:42


position: absolute;
right: 0px;

Vad händer med en liten (smal) skärm då?
Kommer inte annonserna att flytta in och täcka huvudinnehållet i mitten istället för att försvinna i i scrollen?

[grazzy]

En lösning är att kolla användarens skärmbredd via javascript och bara skriva ut annonsen om plats finns;

<script>
if (screen.width>1024) {
 document.write('<div id="absolut_positionerad_med_css">annons</div>');
}
</script>

Detta gör att annonsen inte visas för användare med javascript avslaget eller små skärmar.

[radioaktivitet]

Bra idé Grazzy! Fungerar screen.width i alla browsers?

Jag undrar också lite om positioneringen av annonsen. Helst vill jag att den skall ligga precis höger om mitt innehåll.

Om jag använder absolut positionering och right: 0px (som crazzy föreslår) - hamnar inte annonsen då längst ut till höger?

Går det att positionera annonsen så att den blir relativ till mitt innehåll?

[crazzy]

hur har du bestämt positioneringen av ditt innehåll?

[radioaktivitet]

Precis så som jag skrev i min första post. Dvs

<table width="730" cellspacing="0" border="0" cellpadding="0" align="center">
...
</table>

[crazzy]

#Ads {
position: absolute;
top: whatever;
left: 50%;
left-margin: 365px; /* Alltså hälften av din tabell */
}

...

<div id="Ads">
Annonser
</div>