---
title: "Hjälp mig med bifogad css-snutt för att få jämn linje i Joomla-template"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165565-hjälp-mig-med-bifogad-css-snutt-för-att-få-jämn-linje-i-joomla-template"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "xtreme"
published: "2007-10-17T09:31:21.000Z"
updated: "2007-10-17T18:48:40.000Z"
replies: 5
views: 1012
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/165565-hjälp-mig-med-bifogad-css-snutt-för-att-få-jämn-linje-i-joomla-template"
---

# Hjälp mig med bifogad css-snutt för att få jämn linje i Joomla-template

## #1 — xtreme, 2007-10-17T09:31Z

Har ett template till Joomla som jag korrigerat men får en ojämn linje i min header på höger sida (vid gröna pilen på bilden). Bifogar delen av css-filen som jag tror har med det att göra och gissar det har med den övre biten att göra runt .topbar - #header.

```
body{font-size:76.1%;text-align:center;line-height:1.3em;margin:10px 0;}
#wrap-b{position:relative;}
#wrap {height:100%;margin:0;position:relative;padding:0;}
#wrap-inner{text-align:left;position:relative;margin:0;padding:0;}
.topbar {height:2.25em;position:relative;top:1px;margin:0px 1px;}
#header {position:relative;width:100%;background:#900;margin:1px}
#header h1{position:relative;top:0px;left:10px;margin:0;padding:0;}
#header h1 a{display:block;text-indent:-5000px;text-decoration:none;}

#navbar{padding:5px;height:auto !important;height:1%;}
.moduletopnav{background:url(../images/navmenuR.png) top right no-repeat;padding:0;margin:0;}
.moduletopnav div{background:url(../images/navmenuL.png) top left no-repeat;margin:0;padding:10px 0 0 0;}
.moduletopnav div div{background:url(../images/navmenuL.png) bottom left no-repeat;padding:0 0 0 9px;}
.moduletopnav div div div{background:#000 url(../images/navmenuR.png) bottom right no-repeat;padding:0 0 10px 0;}
#navbar .moduletopnav ul{list-style:none;margin:1px 0;padding:0;}
#navbar .moduletopnav li{display:inline;margin:0 0;}
#navbar .moduletopnav a:link,#navbar .moduletopnav a:visited{background:url(../images/menubar.png) 100% 0 repeat-y;margin:0;padding:9px 19px;}
```

Bilagor:

- [header.png](https://www.webforum.nu/a/16169.png)

Permalänk: https://www.webforum.nu/p/165565

## #2 — Lasp, 2007-10-17T09:45Z

Ditt antagande är nog riktigt.
Många Joomla templates är uppdelade så att de skall passa olika upplösningar.
Strecket fortsätter alltsi koden för nästa del, kanske main!

Permalänk: https://www.webforum.nu/p/2042349

## #3 — headbug, 2007-10-17T10:45Z

Uppkommer problemet i alla browsrar? 

IE6 har ett känt problem som kallas float-3px-helvetet. Googla på "css 3px error" om så skulle vara fallet!

Permalänk: https://www.webforum.nu/p/2042365

## #4 — xtreme, 2007-10-17T12:44Z

Felet uppstår precis samma i Opera som i IE 6.

Mitt template är gjort så att det ska passa olika upplösningar. När man klickar på den svarta knappen längst till höger i högra hörnet anpassar sig sidan till skärmens bredd och klickar man på den till vänster om så krymper sidan så att den passar 800\*600 skärmar. Felet ser precis lika ut om man kör för helskärm eller för 800\*600. Inte riktigt med på vad du menar Lasp, header är en div för sig och fortsätter inte längre ner än vad som syns på bilder. 

Så här ser koden ut i index fram till main börjar:

```
<div id="wrap-a"><div id="wrap-b"><div id="wrap-c"><div id="wrap"><div id="wrap-inner"><div class="topbar"></div>
<div id="header">
<h1 title="title"><a href="index.php" title="title">title</a></h1>
</div>
<div id="navbar"><div class="moduletopnav">
<div>
<div>
<div>
<ul id="mainlevel"><li><a href="/index.php?option=com_content&amp;view=article&amp;id=25&amp;Itemid=28" class="mainlevel" >Link1</a></li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=29" class="mainlevel" >Link2</a></li><li><a href="/index.php?option=com_newsfeeds&amp;view=newsfeed&amp;id=1&amp;feedid=1&amp;Itemid=18" class="mainlevel" >Link3</a></li><li><a href="/index.php?option=com_contact&amp;view=contact&amp;id=1&amp;Itemid=53" class="mainlevel" >Link14</a></li></ul>
</div>
</div>
</div>
</div>
</div>
<div id="main-body">
<div id="content"><div class="inside">
<div class="componentheading">
	Welcome to the Frontpage</div>
```

Permalänk: https://www.webforum.nu/p/2042400

## #5 — headbug, 2007-10-17T13:11Z

Jisses vad många divvar. Det är inte så enkelt att din input-tex-ruta är för bred? testa att ställa ner size några hack och se om du inte knuffar ut divven då...

Permalänk: https://www.webforum.nu/p/2042410

## #6 — xtreme, 2007-10-17T18:48Z

> **headbug skrev:**
>
> Jisses vad många divvar. Det är inte så enkelt att din input-tex-ruta är för bred? testa att ställa ner size några hack och se om du inte knuffar ut divven då...

Du menar sökrutan? Har provat att ta bort den men problemet kvarstår så det är det inte.

Permalänk: https://www.webforum.nu/p/2042517

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165565-hjälp-mig-med-bifogad-css-snutt-för-att-få-jämn-linje-i-joomla-template