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

5 svar · 1 009 visningar · startad av xtreme 17 okt. 2007

xtremeMedlem sedan juli 20002 056 inlägg

Frågan17 okt. 2007 09:31#1

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;}

LaspMedlem sedan juli 200012 978 inlägg

17 okt. 2007 09:45#2

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!

headbugMedlem sedan sep. 2006867 inlägg

17 okt. 2007 10:45#3

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!

xtremeMedlem sedan juli 20002 056 inlägg

17 okt. 2007 12:44#4

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>

headbugMedlem sedan sep. 2006867 inlägg

17 okt. 2007 13:11#5

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å...

xtremeMedlem sedan juli 20002 056 inlägg

17 okt. 2007 18:48#6

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.