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
[Solved] Weird layout problem
[Solved] Weird layout problem
Last edited by msa on Fri Apr 17, 2009 7:58 pm, edited 1 time in total.
-
Webmist
Re: Weird layout problem
Can you post what you have for your css ? It could be one of a few things.
Re: Weird layout problem
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.)
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
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.
If all else fails, use a bigger hammer.
M@rtijn wrote: This is a community. This means that we work together and have the same goal (a beautiful CMS), not that we try to put people down and make their (voluntary) job as difficult as can be.
Re: Weird layout problem
I have deleted all other templates and stylesheets
Re: Weird layout problem
Please post your template and possibly even a link to the "page" in question.
If all else fails, use a bigger hammer.
M@rtijn wrote: This is a community. This means that we work together and have the same goal (a beautiful CMS), not that we try to put people down and make their (voluntary) job as difficult as can be.
Re: Weird layout problem
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
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:
I would try editing your stylesheet or recreating it. Below is a screenshot of what I see:
- Attachments
-
If all else fails, use a bigger hammer.
M@rtijn wrote: This is a community. This means that we work together and have the same goal (a beautiful CMS), not that we try to put people down and make their (voluntary) job as difficult as can be.
Re: Weird layout problem
Thank you. Problem solved.
