Kritikk på design/ hjelp med bug i firefox

[flodhest]

God kveld godtfolk!

 

I dag har jeg endelig fått satt meg ned og lest css skikkelig. Jeg har til og med registrert domene hos .tk og greier; http://www.krem.tk.

 

1. Siden bugger i FireFox, hva kan være grunnen til det? For sikkerhetsskyld legger jeg ut koden her:

 

/* CSS Document */

body {
text-align: center;
FONT-SIZE: 10pt;
 color: #656656; 
FONT-FAMILY: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
 letter-spacing: 0,1px;
}




DIV#header { 
background-color: #DDDDD1; 
padding: 0px 0px 0px 0px; 
margin: 5 auto; 
width: 700px;
text-align: left;

width: 600px; 
height: 200px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }


DIV#meny { 
background-color: #DDDDD1; 
padding: 5px 5px 5px 5px; 
margin: 5 auto; 
width: 700px;
text-align: left;

width: 600px; 
height: 10px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }

DIV#innhold { 
background-color: #DDDDD1; 
padding: 0px 5px 10px 5px; 
margin: 5 auto; 
width: 700px;
text-align: left;

width: 600px; 
height: 50px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }

DIV#footer { 
background-color: #DDDDD1; 
padding: 5px 5px 5px 5px; 
margin: 5 auto; 
width: 700px;
text-align: left;
clear: both;
width: 600px; 
height: 20px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }


a:link {
text-decoration: underline;
color: #656656;
} 
a:visited {
text-decoration: underline;
color: #656656;
} 
a:hover {
text-decoration: overline;
color: #656656;
}
a:active {
text-decoration: underline;
color: #656656;
}

 

 

 

 

2. Hvordan kan jeg få ordnet det slik jeg har planlagt i footer, altså at man kan velge farge, stor skrift, utskriftsformat osv.?

 

3. Ser designet greit ut? det er jo ekstremt enkelt når jeg tenker meg om, men jeg vil ikke ha noe mer unødvendig fjas når jeg er i startfasen.

Endret 15. september 2004 av flodhest

[flodhest]

Oh! Jeg gulla akkurat

 

Jeg fant faktisk ut hvorfor den bugga så sykt i FireFox, jeg tok bare bort height i innholdsboksen. Så nå er det verste over, det eneste jeg ikke finner ut av er hvorfor boksene er ujevne i firefox? Som dere ser er det som det skal være i opera, men i firefox er boksene litt bredere enn de skal være, dette synes spesielt godt i headeren. Noen som vet grunnen til dette?

 

Tror ikke det burdte være spesielt vanskelig, ettersom koden min er veldig enkel og ukomplisert.

 

link: http://www.krem.tk/

[JohnRichard]

Kanskje fordi du har skrevet "width:" 2 ganger i hver div (både "600px" og "700px").

 

Jeg er ikke noen ekspert, har akkurat begynt med <div>'er sjøl, er egentlig en table-mann, hehe.

[flodhest]

Jeg glemte å si at jeg tok vekk widt: 700px; akkurat som du sa

 

Her er den nye koden:

/* CSS Document */

body {
text-align: center;
FONT-SIZE: 10pt;
 color: #656656; 
FONT-FAMILY: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
 letter-spacing: 0,1px;
}




DIV#header { 
background-color: #DDDDD1; 
margin: 0 auto; 
width: 600px; 
height: 200px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }


DIV#meny { 
background-color: #DDDDD1; 
padding: 5px 5px 5px 5px; 
margin: 5 auto; 
text-align: left;
width: 600px; 
height: 20px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }
DIV#innhold { 
background-color: #DDDDD1; 
padding: 0px 5px 10px 5px; 
margin: 5 auto; 
text-align: left;
width: 600px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }

DIV#footer { 
background-color: #DDDDD1; 
padding: 5px 5px 5px 5px; 
margin: 5 auto; 
text-align: left;
clear: both;
width: 600px; 
height: 20px; 
border-color: #656656; 
border-width: 2px; 
border-style: solid  }


a:link {
text-decoration: underline;
color: #656656;
} 
a:visited {
text-decoration: underline;
color: #656656;
} 
a:hover {
text-decoration: overline;
color: #656656;
}
a:active {
text-decoration: underline;
color: #656656;
}

 

 

Jeg har også tatt bort text align i header, så nå ser banneren litt bedre ut, men det er fremdeles forskjell

[JohnRichard]

Sjekk ut margin og padding du.

 

Er nok noe der, er som regel de som kødder.

[Simon Zimmermann]

Ta en titt på denne: Flodhest

 

Har redusert den CSS koden en del og fiksa"paddingproblemet" i FF

[mohuhau]

Valider cssen din og sett padding: 5px; på #header.

[Simon Zimmermann]

CSSen validerer. HTMLen validerer ikke, men det får flodhest fikse.

[flodhest]

Ta en titt på denne: Flodhest

 

Har redusert den CSS koden en del og fiksa"paddingproblemet" i FF

Setter meget stor pris på at du gjør dette Waldmeister, men som du ser er ikke banneren som den skal, den er på en måte kuttet på høyre side. Jeg vil at borderen skal være helt inntil slik at bildet ikke er kuttet.

[Simon Zimmermann]

Brukte bare 600px i bredde sånn som du hadde gjort, men det var visst feil.

Dette burde være riktig Krem & andre godsaker

[flodhest]

Se der ja! Nydelig! Tusen takk for hjelpen

 

Ps, jeg droppa den hoveren jeg

Endret 16. september 2004 av flodhest

[Simon Zimmermann]

Ps, jeg droppa den hoveren jeg

Skulle bare teste om IE støttet hover på div elementet. Noe den ikke gjorde..

Endret 16. september 2004 av Waldmeister

[flodhest]

Ja, okey. Når siden blir ferdig, vil du jeg skal linke til siden din da? Har du noen side? Som takk for hjelpen liksom.

[Simon Zimmermann]

Ja, okey. Når siden blir ferdig, vil du jeg skal linke til siden din da? Har du noen side? Som takk for hjelpen liksom.

Trengs ikke, men takk for tilbudet.

[flodhest]

Den er grei