WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Anpassa efter upplösning (https://www.wn.se/forum/showthread.php?t=1054421)

stefanh 2012-08-05 17:12

Anpassa efter upplösning
 
Tjena.

Jag skulle behöva lite hjälp med att fixa så att man anpassar en sida efter upplösning. Jag tänkte ha annonser på högersida ( utanför sidan ) men vill inte vänsterjustra hela sida utan vill att den anpassar sig till mitten av sidan. Just nu har jag lagt på float: left i bodyn och gjort en div för annonserna som jag satt på margin-left: 1000px så den kommer till höger om sidan. Dock är ju sidan alltid vänsterjusterad då oavsett vilken upplösning besökaren har.

Tacksam för all hjälp.

/Stefan

Captain Thailand 2012-08-05 17:43

Hej,

Jag svarar inte direkt på din specifika fråga (är nog fel person för detta), men jag är ganska övertygad om att denna länk/verktygssamling kan vara till hjälp för många som vill bygga sajter anpassade till upplösningen, kanske även dig?:

http://www.netmagazine.com/features/...ive-web-design

Clarence 2012-08-05 17:53

Centrera hela blocket med annonser + högersida? margin:auto på containern för båda och text-align:center på elementet utanför (i ditt fall body?) räcker för crossbrowser-centrering.

Responsive web design i all ära, men i många fall finns det innehåll som ska presenteras väldigt specifikt för att bli så användarvänligt som möjligt också.

stefanh 2012-08-05 20:25

Citat:

Ursprungligen postat av Clarence (Inlägg 20446648)
Centrera hela blocket med annonser + högersida? margin:auto på containern för båda och text-align:center på elementet utanför (i ditt fall body?) räcker för crossbrowser-centrering.

Responsive web design i all ära, men i många fall finns det innehåll som ska presenteras väldigt specifikt för att bli så användarvänligt som möjligt också.

Får det inte att fungera, eller så förstod jag inte riktigt vad du menade..

jonssondesign 2012-08-06 02:13

html:

<div id="wrapper">
<div id="container">all annan kod</div>
<div id="right-advertising">kod</div>
<div class="clear"></div>
</div>


CSS:

body {text-align:left;}
#wrapper {margin:0 auto; width:1230px;}
.clear {clear:both;}

#conatiner {width:980px; float:left;}
#right-advertising {width:250px; float:left;}

Bör fungera.


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

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson