2 mindre CSS fejl, venlig sjæl som vil hjælpe ?

Hej Allesammen.

Blev anbefalet det dejlige plugin firebug, hvor jeg har fået rettet en masse fejl :).

Men har 2 fejl tilbage jeg simpelthen ikke kan komme i mål med, og håber der en venlig sjæl som vil bruge 2 min på det :).

Adressen er

www. styrkosten.dk /blog/nyheder/test.html (lige delt af SEO grunde)

Bruger & kode : test1

 - Som i kan se fylder teksten i midten ikke hele siden. Den bruger kun 2/3 eller sådan noget.

- Nede i bunden er der en ekstra tom linje som er grå

Kan nogle hjælpe mig? :)

Hej.

Ja det kan jeg godt se, den fylder ikke lige så meget som den skal. Jeg tænker lidt at der kan være en max-width på din tekst. Kan du ikke prøve og kigge efter det? Ellers kan du prøve og give mig adgang til din CSS så kan prøve og se om det er det som er problemet! :-)

Mvh,
Daniel.

EDIT: Sune kom mig lige i forkøbet og det ser meget rigtigt ud det han skriver så prøv lige det! :-)

God dag!

Sune Westphalen:

style.css, linje 405:

#content {

    margin: 0 280px 0 20px;

}

Du har 280px margin på højre side :-)

Exactly :)

Next.man:

Perfekt !

Tusind tak for svaret sune.

Hvordan fan... fandt du frem til svaret ? :)

 

Kan i evt. se fejlen på den i bunden ?

Bruger Firefox add-on kaldet Web Developer

Next.man:

Kan i evt. se fejlen på den i bunden ?

#footer (linje 1515)

{

margin-bottom: 20px;

}

Med FireBug højreklikkede jeg på teksten og inspicerede elementet.
Den fremhævede så et paragraph-element <p> og teksten fremhævedes.

Over det element var der vidst en div-boks <div> og da jeg holdte over den var teksten stadig fremhævet.

Så fortsatte jeg med at gå op i træet, til jeg nåede til #content. Her blev hele bredden markeret, men der hvor der ikke var tekst, var markeringen gul. Gul betyder margin. Ved at klikke på elementet spottede jeg hurtigt, at der rigtigt nok var margin på.

For hurtigt at teste om jeg havde ret, kan jeg så trykke på "forbudt-tegnet" ved siden af margin-linjen, som deaktiverer den. Så fyldte teksten hele siden: Bingo.