Page 1 of 1
[Solved] Weird layout problem
Posted: Fri Apr 17, 2009 5:09 pm
by msa
Hey there.
I am setting up a new website with CMSMS 1.5.4. I have made my own design using CSS.
When I open the site locally it looks as it should. But when I upload my templates and CSS it doesn't look the same. The primary content layer is moved around and not floating beside the other content in my container-DIV. Does any of you have any idea why that is?
Local:
http://samsingweb.dk/2.png
In CMSMS:
http://samsingweb.dk/1.png
I hope you understand what I'm talking about!?
Mads
Re: Weird layout problem
Posted: Fri Apr 17, 2009 5:40 pm
by Webmist
Can you post what you have for your css ? It could be one of a few things.
Re: Weird layout problem
Posted: Fri Apr 17, 2009 5:51 pm
by msa
I use three CSS files on that page:
http://samsingweb.dk/common.css
http://samsingweb.dk/article.css
http://samsingweb.dk/sitemap.css
(I could add that the CSS as well as the XHTML validates.)
Re: Weird layout problem
Posted: Fri Apr 17, 2009 7:16 pm
by tyman00
Be sure that you do not have any other stylesheets attached or associated to your template. A default stylesheet could be throwing off your changes.
Re: Weird layout problem
Posted: Fri Apr 17, 2009 7:23 pm
by msa
I have deleted all other templates and stylesheets
Re: Weird layout problem
Posted: Fri Apr 17, 2009 7:26 pm
by tyman00
Please post your template and possibly even a link to the "page" in question.
Re: Weird layout problem
Posted: Fri Apr 17, 2009 7:35 pm
by msa
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" lang="da">
<head>
{metadata}
{stylesheet}
<title>{sitename} › fællesskab i udvikling: {title}</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<__script__ type="text/javascript" src="uploads/design/scripts/global/fontsize.js"></__script>
<__script__ type="text/javascript" src="uploads/design/scripts/global/sitemap.js"></__script>
</head>
</__body>
<!-- ## show or hide the sitemap -->
<div id="sitemapwrapper"><div id="sitemap">
<!-- Organisation -->
<div class="itemlist"><p><a href="/organisation"><img src="uploads/design/images/navigation/organisation-g.png" style="border: 0;" alt="Læs om organisationen" /></a></p>
<ul>
<li><a href="/organisation/hvem-er-hvem"><img src="uploads/design/images/navigation/pages/1-hvemerhvem.png" style="border: 0;" alt="Hvem er hvem i SDS?" /></a></li>
<li><a href="/organisation/fakta-om-sds"><img src="uploads/design/images/navigation/pages/1-faktaomsds.png" style="border: 0;" alt="Fakta om SDS" /></a></li>
<li><a href="/organisation/lokalafdelinger"><img src="uploads/design/images/navigation/pages/1-lokalafdelinger.png" style="border: 0;" alt="Lokalafdelinger" /></a></li>
<li><a href="/organisation/kalender"><img src="uploads/design/images/navigation/pages/1-kommendearrangementer.png" style="border: 0;" alt="Kalender" /></a></li>
<li><a href="/organisation/design"><img src="uploads/design/images/navigation/pages/1-logoogdesign.png" style="border: 0;" alt="Logo og design" /></a></li>
<li><a href="/organisation/kontakt"><img src="uploads/design/images/navigation/pages/1-kontaktoplysninger.png" style="border: 0;" alt="Kontaktoplysninger" /></a></li>
<li><a href="/organisation/oss"><img src="uploads/design/images/navigation/pages/0-oss.png" style="border: 0;" alt="Spørgsmål og svar" /></a></li>
</ul>
</div>
<!-- Politik -->
<div class="itemlist"><p><a href="/politik"><img src="uploads/design/images/navigation/politik-g.png" style="border: 0;" alt="Læs om vores politik" /></a></p>
<ul>
<li><a href="/politik/presse"><img src="uploads/design/images/navigation/pages/2-pressemeddelelser.png" style="border: 0;" alt="Presse" /></a></li>
<li><a href="/politik/fokuspunkter"><img src="uploads/design/images/navigation/pages/2-fokuspunkter.png" style="border: 0;" alt="Særlige fokuspunkter" /></a></li>
<li><a href="/politik/politikpapirer"><img src="uploads/design/images/navigation/pages/2-politikpapirer.png" style="border: 0;" alt="Politikpapirer" /></a></li>
<li><a href="/politik/notater"><img src="uploads/design/images/navigation/pages/2-notaterogoplaeg.png" style="border: 0;" alt="Notater og oplæg" /></a></li>
<li><a href="/politik/hoeringssvar"><img src="uploads/design/images/navigation/pages/2-hoeringssvar.png" style="border: 0;" alt="Høringssvar og henvendelser" /></a></li>
<li><a href="/politik/oss"><img src="uploads/design/images/navigation/pages/0-oss.png" style="border: 0;" alt="Spørgsmål og svar" /></a></li>
</ul>
</div>
<!-- Uddannelsen -->
<div class="itemlist"><p><a href="/uddannelsen"><img src="uploads/design/images/navigation/uddannelse-g.png" style="border: 0;" alt="Læs om socialrådgiveruddannelsen" /></a></p>
<ul>
<li><a href="/uddannelse/socialraadgiver"><img src="uploads/design/images/navigation/pages/3-uddannelsen.png" style="border: 0;" alt="Socialrådgiveruddannelsen" /></a></li>
<li><a href="/uddannelse/praksisstudie"><img src="uploads/design/images/navigation/pages/3-praksisstudie.png" style="border: 0;" alt="Praksisstudie" /></a></li>
<li><a href="/uddannelse/uddannelsesprakti"><img src="uploads/design/images/navigation/pages/3-uddannelsespraktik.png" style="border: 0;" alt="Uddannelsespraktik" /></a></li>
<li><a href="/uddannelse/vaerd-at-vide"><img src="uploads/design/images/navigation/pages/3-vaerdatvide.png" style="border: 0;" alt="Værd at vide for studerende" /></a></li>
<li><a href="/uddannelse/naesten-faerdig"><img src="uploads/design/images/navigation/pages/3-naestenfaerdig.png" style="border: 0;" alt="Næsten færdig" /></a></li>
<li><a href="/uddannelse/oss"><img src="uploads/design/images/navigation/pages/0-oss.png" style="border: 0;" alt="Spørgsmål og svar" /></a></li>
</ul>
</div>
<!-- Uddannelsen -->
<div class="itemlist"><p><a href="/arbejde"><img src="uploads/design/images/navigation/arbejde-g.png" style="border: 0;" alt="Læs om studenterjobs" /></a></p>
<ul>
<li><a href="/arbejde/socialraadgiver"><img src="uploads/design/images/navigation/pages/4-studenterstillinger.png" style="border: 0;" alt="Presse" /></a></li>
<li><a href="/arbejde/praksisstudie"><img src="uploads/design/images/navigation/pages/4-loennetfritidsarbejde.png" style="border: 0;" alt="Særlige fokuspunkter" /></a></li>
<li><a href="/arbejde/uddannelsesprakti"><img src="uploads/design/images/navigation/pages/4-frivilligtarbejde.png" style="border: 0;" alt="Politikpapirer" /></a></li>
<li><a href="/arbejde/oss"><img src="uploads/design/images/navigation/pages/0-oss.png" style="border: 0;" alt="Spørgsmål og svar" /></a></li>
</ul>
</div>
<!-- Luk vindue -->
<div class="footer"><p><a href="javascript:HideContent('sitemap');"><img src="uploads/design/images/navigation/pages/0-luk.gif" style="border: 0;" alt="Luk dette vindue" /></a></p></div>
</div></div>
<!-- ## end content -->
<div id="wrapper">
<div id="header">
<div class="logo"><a href="http://sdsnet.dk"><img src="uploads/design/images/logo/logo.png" style="border: 0;" alt="SDS › Fællesskab i bevægelse" /></a></div>
<div class="menu">
<div class="top">
<div class="left">
<ul>
<li><a href="/organisation/kontakt"><img src="uploads/design/images/navigation/top/kontakt.png" style="border: 0;" alt="Kontakt" /></a></li>
<li><a href="/politik/presse"><img src="uploads/design/images/navigation/top/presse.png" style="border: 0;" alt="Presse" /></a></li>
<li><a href="/organisation/medlemskab"><img src="uploads/design/images/navigation/top/medlemskab.png" style="border: 0;" alt="Medlemskab" /></a></li>
<li><a href="/sdsnet/oss"><img src="uploads/design/images/navigation/top/oss.png" style="border: 0;" alt="Spørgsmål og svar" /></a></li>
<li><a onclick="ShowContent('sitemap'); return true;" href="javascript:ShowContent('sitemap')"><img src="uploads/design/images/navigation/top/sideoversigt.png" style="border: 0;" alt="Sitemap" /></a></li>
</ul>
</div>
<div class="right">
<form action="#" id="search"><p><input type="text" id="string" /></p></form>
</div>
</div>
<div class="mainnav">
<ul>
<li><a href="/organisation"><img src="uploads/design/images/navigation/organisation.png" style="border: 0;" alt="Læs om organisationen" /></a></li>
<li><a href="/politik"><img src="uploads/design/images/navigation/politik.png" style="border: 0;" alt="Det arbejder vi for" /></a></li>
<li><a href="/uddannelse"><img src="uploads/design/images/navigation/uddannelse.png" style="border: 0;" alt="Læs om socialrådgiveruddannelsen" /></a></li>
<li><a href="/arbejde"><img src="uploads/design/images/navigation/arbejde.png" style="border: 0;" alt="Læs om studenterjobs" /></a></li>
</ul>
</div>
</div>
</div>
<div id="container">
<div class="content">
<div class="leftsidebar">
<ul>
<li><a href="/organisation/hvem-er-hvem"><img src="uploads/design/images/navigation/pages/1-hvemerhvem.png" style="border: 0;" alt="Hvem er hvem i SDS?" /></a></li>
<li><a href="/organisation/fakta-om-sds"><img src="uploads/design/images/navigation/pages/1-faktaomsds.png" style="border: 0;" alt="Fakta om SDS" /></a></li>
<li><a href="/organisation/lokalafdelinger"><img src="uploads/design/images/navigation/pages/1-lokalafdelinger.png" style="border: 0;" alt="Lokalafdelinger" /></a></li>
<li><a href="/organisation/kalender"><img src="uploads/design/images/navigation/pages/1-kommendearrangementer.png" style="border: 0;" alt="Kalender" /></a></li>
<li><a href="/organisation/design"><img src="uploads/design/images/navigation/pages/1-logoogdesign.png" style="border: 0;" alt="Logo og design" /></a></li>
<li><a href="/organisation/kontakt"><img src="uploads/design/images/navigation/pages/1-kontaktoplysninger.png" style="border: 0;" alt="Kontaktoplysninger" /></a></li>
<li><a href="/organisation/oss"><img src="uploads/design/images/navigation/pages/0-oss.png" style="border: 0;" alt="Spørgsmål og svar" /></a></li>
</ul>
</div>
<div class="article">{content}</div>
</div>
<div class="sidebar">{process_pagedata}</div>
</div>
<div id="footer">
<div class="footer-left"></div>
<div class="footer-center"></div>
<div class="footer-right">
<p><a href="http://www.facebook.com/group.php?gid=4921497267"><img src="uploads/design/images/icons/facebook.png" style="border: 0;" alt="Facebook" /></a> <a href="http://picasaweb.google.com/sdsnet.dk"><img src="uploads/design/images/icons/picasa.png" style="border: 0;" alt="Flickr" /></a> <a href="http://www.youtube.com/user/sdsnetdk"><img src="uploads/design/images/icons/youtube.png" style="border: 0;" alt="YouTube" /></a></p>
</div>
</div>
</div>
<__body>
</__html>
Re: Weird layout problem
Posted: Fri Apr 17, 2009 7:46 pm
by tyman00
I checked out your stylesheets in the Firefox Web Developer tool bar and I see some odd characters in one of your sheets. I deleted the characters and everything lined up properly.
I would try editing your stylesheet or recreating it. Below is a screenshot of what I see:
Re: Weird layout problem
Posted: Fri Apr 17, 2009 7:58 pm
by msa
Thank you. Problem solved.
