Sitter här och kodar en hemsida. Och jag märkte nu att <br/> i FireFox gör mycket större hopp mellan raderna än IE. Vet någon vad detta beroro på, och hur jag kan får det att se likadant ut i båda browsers?
Tack på förhand!
FF och IE olika!
9 svar · 446 visningar · startad av streetrobban
Tror det går att fixa det så här, vet inte om det är det bästa sättet. Storleken på texten får du ändra själv så klart, du ska ha en storlek mindre än vad du har på själva texten.
<font style="font-size:10px;"><br/></font>
Nja det funkade inte. Ingen skillnad. Jag formaterar ju min text i CSS:en.
FONT { font-family: Arial, Verdana; font-size: 11px;
font-weight: none; color: #242D36; line-height: 1.7; }
<img src="bilder/ikon.li.gif"><font><a href="">Min första nyhetsrubrik</a><br/></font>
<img src="bilder/ikon.li.gif"><font><a href="">Min andra nyhetsrubrik</a><br/></font>
<h1>Dokumentrubrik</h1>
...
<h2>Min första nyhetsrubrik</h2>
<p>...</p>
<h2>Min andra nyhetsrubrik</h2>
<p>...</p>
h2 {
font:11px "Arial", sans-serif; /* jag skulle dock sätta font-size i % istället för px */
color:#242d36;
background:url(bilder/ikon.li.gif) no-repeat left center;
line-height:1.7;
padding-left:20px; /* ge plats åt bilden */
margin:0;
}
Kan man inte med hjälp av CSS formatera <br/> taggen istället så att den alltid innehåller samma avstånd?
Det verkar som att Firefox har stöd för line-height på BR-elementet, men inte IE eller Opera. Jag ser dock inte vad du ska med BR-elementet till - det är mycket lättare att styra avståndet (margin) med riktiga rubriker. Sen att Google förstår att H2 är en rubrik, och att IMG FONT BR inte är rubriker, kanske kan motivera valet. ;)
Enligt mig är ett <br> i sig ingenting synligt, utan bara ett verktyg man skapar radbrytningar med. Därav tycker jag det är ganska logiskt att det inte går att styra radavstånd eller andra saker på det.
Jag har en följdfråga.. Varför funkar det inte att sätta två <br /> efter varandra i IE men i FF?!
Jag har en följdfråga.. Varför vill man ens sätta två <br /> efter varandra?
Om det är för att få lite mellanrum mellan olika stycken bör <p>-taggen användas med lite CSS för att ställa in marginaler.