WebRessurs.no - Webprogrammering og ressurs innen ASP, ASP.NET, PHP, SQL, HTML, CSS, Javascript, XML, C#, VB, Flash mm.

KODE EKSEMPLER

ASP.net (199)

ASP 3.0 (111)

PHP (30)

HTML (66)

SQL (89)

CSS (46)

XML (7)

JavaScript (78)

Diverse kode (13)

ARTIKLER / RESSURSER

Programmering (22)

System og drift (15)

Trafikk og inntekt (11)

Guider og tips (22)

Nyttig lesestoff (23)

Web forum (604)

Link galleri (565)

KURS / TUTORIALS

ASP.NET kurs(5)

CSS kurs (2)

JQuery kurs (2)

FILM / MEDIA

Øk trafikken (8)

Facebook App. (4)

Microsoft CEO (6)

GRATIS SOFTWARE

Server & web

Internett & epost

Systemverktøy

Sikkerhet

Fildeling

Lyd & media

Diverse software

TJENESTER

Domenesalg

Metagenerator

Websikre farger

WebMail

ANNET

Bli medlem!

Siste innlegg

Gjestebok

Tips en venn

Kontakt oss

Forsiden

INTERNETT HASTIGHET

Løsning på høydeproblem ved ekspandering i FireFox

av Øyvind A. Isaksen

FireFox har problemer med å ekspandere / kollapse vertikalt etter innholdet i elementet. Det betyr feks at en DIV ikke får korrekt høyde ift innholdet inne i DIV elementet. Her viser vi hvordan man kan løse dette vhja en clearfix klasse i CSS.

/* Løsning på høydeproblem i FireFox */

.clearfix:after {
content: ".";
clear: both;
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

------------------------------
Benyttes slik:
------------------------------

<div class="clearfix">
Her er masse innhold, høyden på dette DIV elementet vil automatisk
bli korrekt etter hvor mye innhold som ligger her.
</div>

WebRessurs.no er utviklet og drives av SoftMaker
Sett som startside: [ ]. Bokmerk denne siden: [ klikk ]. Sitemap. http://twitter.com/webressurs_no/. Antall brukersesjoner: 14105943.
Copyright WebRessurs.no © 2003 - 2018