Mozilla Firefox og padding

dedLy_sCoRpIoN · 29. januar 2006

Holder på å lage ei side, og prøver den ut i IE, Opera og Firefox. Alt går greit, heilt til eg åpner det i Firefox.


#m {
float: left;
width: 493px;
heigth: 50px;
text-align: left;
border: 1px solid #000000;
padding: 10px 0px 10px 3px;}

Når eg lager padding i den eine diven synest Firfox det er ein god ide å utvide heile diven med det eg bruker i padding. Altså utvider den diven frå 493px til 503px. Dette gjer den ikkje i verken IE eller Opera... (dette er ikkje første gang padding of firefox som har skapt problemer :cry: )

Er det mulig å fikse det?

nercix · 29. januar 2006

??

Margin eller padding!? Firefox og Opera gjør iallefall helt rett her hos meg (IE gjør en mellomting ved uspesifisert doctype).

Endret 29. januar 2006 av Vid^r

Loomy · 29. januar 2006

width + padding + border = total bredde.

dedLy_sCoRpIoN · 29. januar 2006

width + padding + border = total bredde.

5516238[/snapback]

Det er berre Firefox som får det til å bli slik, Opera og IE løyser det på ein annan måte... width + border = total bredde . Padding har ikkje nokke å seie...

mohuhau · 29. januar 2006

Bruk korrekt doctype, f.eks:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

nercix · 29. januar 2006

Som en Firefox fan måtte jeg bare sammenlikne for å vise at firefox ikke gjør noe feil.

Bruk korrekt doctype, f.eks:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

5516407[/snapback]

For ordens skyld brukte jeg (som vanlig) XHTML 1.1

Som dere ser (blåe streker), helt lik bredde.

Viss du vil ha mellomrommet på utsiden av borderene (gi meg godt norsk ord..) bruk margin.

Endret 29. januar 2006 av Vid^r

29. januar 2006

width + padding + border = total bredde.

5516238[/snapback]

Slik skal det ikke være, padding skal være fyll på innsiden. Om du padder (forer) en høyttalerkasse blir den ikke bredere, og derfor er det "width + border" som er riktig.

Har forøvrig aldri hatt problemer med padding i FF.

dedLy_sCoRpIoN · 29. januar 2006

OBS: langt innlegg...

Slik ser det ut i IE og Opera.

Slik ser det ut i FF:

CSS'en

* {
padding: o;
margin: o;}

body {
font-size: 11px;
font-family: verdana;
background: #f1f1f1;
text-align: center;}

#wrap {
width: 999px;
height: 0px;
border: 1px solid #000000;
margin-left: auto;
margin-right: auto;}

#header {
height: 200px;}

#sida {
width 997px;
heigth: 100px;
background-color: #ffffff;}

#v {
float: left;
width: 250px;
heigth: 150px;
border: 1px solid #000000;}

#m {
float: left;
width: 493px;
heigth: 50px;
text-align: left;
border: 1px solid #000000;
padding: 10px 10px 10px 5px;}

#h {
float: right;
width: 250px;
heigth: 50px;
border: 1px solid #000000;}

HTML'en

<html>

<head>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<title>sia</title>

<link rel="stylesheet" type="text/css" href="style.css">

<link rel="stylesheet" type="text/css" href="style2.css">

</head>



<body>
<div id="wrap">
<div id="header">header</div>
<div id="sida">
<div id="v">venstre</div>
<div id="m">her er<br> midten</div>
<div id="h">høgre</div>

</div>
</div>


</body>



</html>

nercix · 29. januar 2006

Først av alt er doctype på feil stad. Den skal være HELT først.

EDIT følger.

EDIT: 1, ved direkte kopiering til html-fil og retting av doctype blir siden feil i både firefox, msie og opera. :thumbup:

EDIT: 2, da kan du begynne på ny frisk :!:

Endret 29. januar 2006 av Vid^r

dedLy_sCoRpIoN · 29. januar 2006

:blush: ser jo det no...

men no skjer det samma i Opera...

dedLy_sCoRpIoN · 29. januar 2006

Først av alt er doctype på feil stad. Den skal være HELT først.

EDIT følger.

EDIT: 1, ved direkte kopiering til html-fil og retting av doctype blir siden feil i både firefox, msie og opera.

EDIT: 2, da kan du begynne på ny frisk :!:

5516694[/snapback]

Ka er feil då?

mohuhau · 29. januar 2006

Sånn ska html-koden se ut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>sia</title>

<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style2.css">

</head>

<body>
<div id="wrap">
<div id="header">header</div>
<div id="sida">
<div id="v">venstre</div>
<div id="m">her er<br> midten</div>
<div id="h">høgre</div>

</div>
</div>

</body>
</html>

Doctype må stå helt først for at IE skal lese den.

Endret 29. januar 2006 av mohuhau

dedLy_sCoRpIoN · 29. januar 2006

Har fiksa på det... no oppstår det i alle browserane... :S

29. januar 2006

Dersom man skriver korrekt kode fungerer alt.

Eksempel:

* {
 padding: o;
 margin: o;
}

Hvor i svarteste har du lært at det skal stå "o" der?

Korrekt:

* {
 padding: 0;
 margin: 0;
}

Ikke o, men 0 (NULL). Sikkert masse andre feil også

Loomy · 29. januar 2006

width + padding + border = total bredde.

Slik skal det ikke være, padding skal være fyll på innsiden. Om du padder (forer) en høyttalerkasse blir den ikke bredere, og derfor er det "width + border" som er riktig.

Sist jeg sjekket var det W3C og ikke DU som bestemte hva som var riktig og galt.

Les og lær

29. januar 2006

Sist jeg sjekket var det W3C og ikke DU som bestemte hva som var riktig og galt.
Les og lær

5518559[/snapback]

Da beklager jeg uttalelsen. Padding kan være på utsiden også ja, når jeg tenker over det så

Logg inn

Mozilla Firefox og padding

Anbefalte innlegg

dedLy_sCoRpIoN

Lenke til kommentar

Videoannonse

nercix

Lenke til kommentar

Loomy

Lenke til kommentar

dedLy_sCoRpIoN

Lenke til kommentar

mohuhau

Lenke til kommentar

nercix

Lenke til kommentar

Gjest Slettet+6132

Lenke til kommentar

dedLy_sCoRpIoN

Lenke til kommentar

nercix

Lenke til kommentar

dedLy_sCoRpIoN

Lenke til kommentar

dedLy_sCoRpIoN

Lenke til kommentar

mohuhau

Lenke til kommentar

dedLy_sCoRpIoN

Lenke til kommentar

Gjest Slettet+6132

Lenke til kommentar

Loomy

Lenke til kommentar

Gjest Slettet+6132

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer