WN - Kolumnannonser på centrerad sida m. fast bredd

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Kolumnannonser på centrerad sida m. fast bredd (https://www.wn.se/forum/showthread.php?t=24173)

radioaktivitet

2007-10-09 11:53

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

2007-10-09 12:42

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

2007-10-09 16:29

Citat:

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

2007-10-09 17:02

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

Kod:

<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

2007-10-10 10:51

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

2007-10-10 23:13

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

radioaktivitet

2007-10-11 08:57

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

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

crazzy

2007-10-11 22:49

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

...

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

Alla tider är GMT +2. Klockan är nu 19:47.