3 svar · 726 visningar · startad av annaco
Håller på att skapa en horisontell meny men den går inte ända ut i kanten på webbsidan. Nu är den ca 1 cm in på båda sidor. Fattar inte vad jag gör för fel. Har mer kod för menyn men jag tror inte ni behöver den, utan felet borde finnas i den bifogade css-koden.
#meny
{
width:100%;
margin:0;
padding:0;
min-height:1em;
font-size:30px;
}
<div id="meny" class="clearfix">
<body bg color="#F0000">
<ul>
<li>
<a href="annastradgard.html">Startsida</a>
</li>
<li>
<li><a href="fakta.html">Fakta</a>
</li>
<li><a href="">Sevärda trädgårdar</a>
<ul>
<li><a href="norrland.html">Norrbotten</a></li>
<li><a href="vasterbotten.html">Västerbotten</a></li>
<li><a href="jamtland.html">Jämtland</a></li>
<li><a href="harjedalen.html">Härjedalen</a></li>
<li><a href="medelpad.html">Medelpad</a></li>
<li><a href="angermanland.html">Ångermanland</a></li>
<li><a href="dalarna.html">Dalarna</a></li>
<li><a href="gavleborg.html">Gävleborg</a></li>
<li><a href="orebro.html">Örebro län</a></li>
<li><a href="varmland.html">Värmland</a></li>
<li><a href="sodermanland.html">Södermanland</a></li>
<li><a href="uppland.html">Uppland</a></li>
<li><a href="dalsland.html">Dalsland</a></li>
<li><a href="ostergotland.html">Östergötland</a></li>
<li><a href="bohuslan.html">Bohuslän</a></li>
<li><a href="vastergotland.html">Västergötland</a></li>
<li><a href="halland.html">Halland</a></li>
<li><a href="smaland.html">Småland</a></li>
<li><a href="oland.html">Öland</a></li>
<li><a href="gotland.html">Gotland</a></li>
<li><a href="skane.html">Skåne</a></li>
<li><a href="blekinge.html">Blekinge</a></li>
</ul>
</li>
<li>
<a href="kalender.html">Trädgårdskalendern</a>
<ul>
<li><a href="januari.html">Januari</a></li>
<li><a href="februari.html">Februari</a></li>
<li><a href="mars.html">Mars</a></li>
<li><a href="april.html">April</a></li>
<li><a href="maj.html">Maj</a></li>
<li><a href="juni.html">Juni</a></li>
<li><a href="juli.html">Juli</a></li>
<li><a href="augusti.html">Augusti</a></li>
<li><a href="september.html">September</a></li>
<li><a href="oktober.html">Oktober</a></li>
<li><a href="november.html">November</a></li>
<li><a href="december.html">December</a></li>
</ul>
</li>
<li>
<a href="kalendarium2013.html">Kalendarium</a>
<ul>
<li><a href="norrbotten2013.html">Norrbotten</a></li>
<li><a href="vasterbotten2013.html">Västerbotten</a></li>
<li><a href="jamtland2013.html">Jämtland</a></li>
<li><a href="harjedalen2013.html">Härjedalen</a></li>
<li><a href="medelpad2013.html">Medelpad</a></li>
<li><a href="angermanland2013.html">Ångermanland</a></li>
<li><a href="dalarna2013.html">Dalarna</a></li>
<li><a href="gavleborg2013.html">Gävleborg</a></li>
<li><a href="orebro2013.html">Örebro län</a></li>
<li><a href="varmland2013.html">Värmland</a></li>
<li><a href="sodermanland2013.html">södermanland</a></li>
<li><a href="uppland2013.html">Uppland</a></li>
<li><a href="dalsland2013.html">Dalsland</a></li>
<li><a href="ostergotland2013.html">Östergötland</a></li>
<li><a href="bohuslan2013.html">Bohuslän</a></li>
<li><a href="vastergotland2013.html">Västergötland</a></li>
<li><a href="halland2013.html">Halland</a></li>
<li><a href="smaland2013.html">Småland</a></li>
<li><a href="oland2013.html">Öland</a></li>
<li><a href="gotland2013.html">Gotland</a></li>
<li><a href="skane2013.html">Skåne</a></li>
<li><a href="blekinge2013.html">Blekinge</a></li>
</ul>
</li>
<li>
<a href="vaxtkatalogen.html">Växtkatalogen</a>
<ul>
<li><a href="trad.html">Träd</a></li>
<li><a href="buskar.html">Buskar</a></li>
<li><a href="rosor.html">Rosor</a></li>
<li><a href="perenner.html">Perenner</a></li>
<li><a href="annueller.html">Annueller</a></li>
<li><a href="tvaaringar.html">Tvååringar</a></li>
</ul>
</li>
<li>
<a href="sjukdomar.html">Sjukdomar och skador</a>
<ul>
<li><a href="asp.html">Asp</a></li>
<li><a href="bjork.html">Björk</a></li>
<li><a href="korsbar.html">Körsbär</a></li>
<li><a href="liljor.html">Liljor</a></li>
<li><a href="lonn.html">Lönn</a></li>
<li><a href="mahonia.html">Mahonia</a></li>
<li><a href="rododendron.html">Rododendron</a></li>
<li><a href="rosor.html">Rosor</a></li>
<li><a href="syren.html"><Syren</a></li>
<li><a href="tomat.html">Tomat</a></li>
<li><a href="vinbar.html">Vinbär</a></li>
<li><a href="applen.html">Äpplen</a></li>
</ul>
</li>
<li>
<a href="djur.html">Djur i trädgården</a>
<ul>
<li><a href="fjarilar.html">Fjärilar</a></li>
<li><a href="flugor.html">Flugor</a></li>
<li><a href="sniglar.html">Sniglar</a></li>
<li><a href="skalbaggar.html">Skalbaggar</a></li>
<li><a href="larver.html">Larver</a></li>
<li><a href="groddjur.html">Groddjur</a></li>
<li><a href="humlorgetingarbin.html">Humlor, getingar och bin</a></li>
<li><a href="grashoppor.html">Gräshoppor</a></li>
<li><a href="skinnbaggar.html">Skinnbaggar</a></li>
</ul>
</li>
<li>
<a href="gastbok.html">Gästbok</a
</li>
</li>
</ul>
</div>
Tacksam för all hjälp!
Ser direkt ett par märkliga lösningar. Du kan inte wrappa body i en div. Det finns ett attribut som heter "bgcolor", men inte "bg color". (Nu tänker jag inte ens gå in i best practices med CSS osv.)
Normaliserar du CSS eller nåt sånt? För det är sannolikt padding och/eller margin på något element som ger dig "ca 1 cm in på båda sidor".
Tack för dina kommentarer, jag har kopierat lösningen och inte sett detta.
Ska gå igenom och se om jag har olika padding eller margin i koden.
Tack för hjälpen!
Beroende på vilken webbläsare så har de olika marginaler på body, html osv.
