CSS: Länk i div och margin-top

Permalänk

CSS: Länk i div och margin-top

Hej, pysslar med en grej jag håller på att få dåndippen av.

Grejen är att en massa id:s är nästlade, detta är ett resultat av Visual Studios MVC-solution-template och att vi här på jobbet mest sitter och slänger ihop en prototyp. Vissa saker som CSS:en har blivit lidande men en sak fattar jag inte.

<div id="header"> <div id="wrapper"> <div id="logo"> <img alt="blabla" src="<%= Url.Content("~/Content/blablabla") %>" /> </div> <div id="title"> <h1><a href="<%= Url.Content("~/Home/Index") %>">Namn</a></h1> </div> </div> ... </div>

CSS:

div#wrapper { clear:both; } div#logo { display: block; float: left; padding: 5px; } div#title { display:block; float: left; text-align:right; margin-top: 34px /* Här krånglar det */ }

För att få ner texten (title) till samma nivå som loggans underkant tänkte jag putta ner den med hjälp av margin-top. Det funkar i IE men i FF lägger sig själva länken inte på texten, utan några pixlar ovanför i tomma intet! Jag fattar noll, var gör jag fel? Tar jag bort margin-top hamnar texten högre upp men länken lägger sig rätt.

Jag är medveten om att koden lever i för-många-div-helvetet men det får vara så just nu, jag vill mest få länken att lägga sig PÅ texten, inte flyta runt i limbo.

Tack på förhand!

Visa signatur

www.uu.se - some kind of university | www.hirr.org.uk - ain't no mountain high enough | www.bajenfans.se

Permalänk
Medlem

Jag är lite osäker på vad du är ute efter, men prova att justera line-height på det du vill flytta

Visa signatur

Primär - C2D T6500 :: 4GB :: Mobility 4570.
Sekundär - AMD64x2 6000+ :: 2GB :: 8800GT 1GB

Permalänk

Det verkar ha nåt med line-height att göra ja, problemet är bara att hur jag än ändrar hamnar inte länken PÅ texten utan någonstans ovanför eller under.

#header h1 { font-weight: bold; padding: 5px 0; margin: 0; border: none; line-height: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 32px !important; color:#5c87b2; }

Visa signatur

www.uu.se - some kind of university | www.hirr.org.uk - ain't no mountain high enough | www.bajenfans.se

Permalänk

Det löste sig. Pinsamt nog var det en helt annan div som hade width: 100% som lade sig ovanpå halva länken och gjorde att det som låg under inte gick att klicka på.

Visa signatur

www.uu.se - some kind of university | www.hirr.org.uk - ain't no mountain high enough | www.bajenfans.se

Permalänk
Medlem

Ett tips kan vara att köra Firebug eller Webdeveloper, båda är tillägg till firefox. Dessa underlättar mycket när man felsöker sidor..