Notifikationer

Markér alle som læst Log ud

locturian Nybegynder

27. oktober 2004 - 10:34 Der er 7 kommentarer

Height = 100% i moziilla firefox?

Hej,

Jeg sidder og prøver at overhold XHML strict standard fra W3, men, style="height:100%;" virker ikke specielt godt i Mozilla Firefox, virker fint i IE (Ja, ok, det gør det meste ;)

Foruden det, har jeg også det problem, at "centrere" en tabel i Mozilla - Bruger <div style="text-align:center;" - Igen, virker fint i IE, men ikke i Mozilla, nogen super råd? :)

Synes godt om

Slettet bruger

27. oktober 2004 - 10:46 #1

Hvis du vil bruge 100% i højden skal de elementer der er udenom også have angivet en højde, men kom med et link/ noget kode så ser vi på det.

Synes godt om

morteeart Nybegynder

27. oktober 2004 - 11:16 #2

for at kunne bruge height: 100% skal du have sat din body til 100% height i din css

<style type="text/css">
body,html
{
height: 100%;
}
</style>

Synes godt om

soccerdad Nybegynder

27. oktober 2004 - 14:44 #3

Mht dit centreringsproblem, kan du bruge:
<table style="margin-left:auto; margin-right:auto;">

Det vil centrere din tabel i FireFox/Mozilla/Konqueror mv. Kun IE virker ikke korrekt her...

Synes godt om

locturian Nybegynder

27. oktober 2004 - 15:23 #4

Problemet er jo, at det meget gerne skulle virke CROSS-platform, dvs, i alle (eg. de fleste) browsere...

Synes godt om

syvon Nybegynder

27. oktober 2004 - 16:23 #5

ved ikke om det er dette du gerne vil have

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>[Ingen titel]</title>
<meta http-equiv="Content-type" content='text/html; charset="iso-8859-1"' />
<style type="text/css">
html,body
{
height: 100%;
margin:0px;
padding:0px;
}
.maincontent{
width:300px;
height:100%;
margin-left:auto;
margin-right:auto;
border:1px solid red;
}
</style>
</head>
<body>
<div class="maincontent"> </div>
</body>
</html>

Synes godt om

roenving Novice

27. oktober 2004 - 17:48 #6

-- og hvis man så (af en eller anden grund !-) ikke kan bruge en korrekt doctype er den simple løsning, som såvidt jeg ved virker i alle browsere:

<style type="text/css">
html,body{
height: 100%;
margin:0px;
padding:0px;
text-align:center;
}
.maincontent{
width:800px;
height:100%;
margin:0 auto;
border:1px solid red;
text-align:left;
}
</style>

Synes godt om

Slettet bruger

27. oktober 2004 - 19:38 #7

Locturian:

Der er jo intet i vejen for at bruge din egen <div style="text-align:center;"> sammen med <table style="margin-left:auto; margin-right:auto;">. Der er nemlig ingen af dem, der er direkte forkerte. IE ignorerer den ene, men benytter den anden. Og omvendt med de browsere, der overholder standarderne.

Forklaringen er at text-align kun skal påvirke inline-elementer, som f.eks. tekst, men ikke tabeller eller andre block-elementer. At bruge text-align til at centrere en tabel er altså bare et hack for at få IE til at makke ret.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS