Avatar billede Slettet bruger
02. august 2006 - 18:18 Der er 15 kommentarer og
1 løsning

Problem med layout

Hej,

kan i hjælpe mig med at få løst mit layout problem på:

http://www.darkroasted.dk

problemet ligger i at jeg har en horisontal scrollbar, når mit layout jo egentligt bare skulle være 100% i bredden.

Et krav for at godtager løsning er at det skal se 100% okay ud både i Internet Exploder samt Firefox.

Jeg starter med 30 point (går ud fra det ikke er svært at løse, så længe man ikke er markup / css-mæssigt handicappet som mig) - det kan altid hæves såfremt det er en vanskeligere opgave end vurderet.
Avatar billede Slettet bruger
02. august 2006 - 18:20 #1
Oooops, det viser sig også at der er en vertikal scrollbar, denne må også gerne fjernes - tak :-)
Avatar billede Slettet bruger
02. august 2006 - 18:28 #2
Prøv i din CSS at sætte:

html, body { margin: 0; padding: 0; width: 100% ; height: 100%; }
Avatar billede Slettet bruger
02. august 2006 - 18:35 #3
Det gjorde ingen forskel...
Avatar billede caf Nybegynder
02. august 2006 - 18:46 #4
<span style="float: left; margin-left: 5px; margin-top: 5px;">
rettes til

<span style="margin-left: 5px; margin-top: 5px;">
Avatar billede Slettet bruger
02. august 2006 - 18:53 #5
@caf - er gjort, det hjalp heller ikke....
Avatar billede caf Nybegynder
02. august 2006 - 19:17 #6
Start din css med

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
/*    margin: 0px; */
    background-color: #aeaeae;
font: 10px arial, sans-serif;
}
Avatar billede caf Nybegynder
02. august 2006 - 19:26 #7
hov så live at du har.
    padding-left: 5px;
    padding-right: 5px;

fjern dem.
Avatar billede Slettet bruger
02. august 2006 - 19:30 #8
Så er det gjort, virker heller ikke... der kommer godt nok noget korrespondance ud af det her ;-)
Avatar billede Slettet bruger
02. august 2006 - 19:30 #9
renser lige ud i padding-tags...sorry
Avatar billede Slettet bruger
02. august 2006 - 19:31 #10
SMUKT...så ser det helt acceptabelt ud... lig lige et svar caf, tak :-)
Avatar billede caf Nybegynder
02. august 2006 - 19:33 #11
Glad for at kunne hjælpe :-))
Avatar billede caf Nybegynder
02. august 2006 - 19:44 #12
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>DarkRoasted.dk</title>

Det skal din side starte med.
Avatar billede Slettet bruger
02. august 2006 - 20:11 #13
caf: Det burde være ligegyldigt, om den er XHTML 1 Transitional eller HTML 4 Transitional.
Avatar billede caf Nybegynder
03. august 2006 - 05:57 #14
sandbox: Ikke når han koder efter HTML4.
Avatar billede Slettet bruger
03. august 2006 - 15:07 #15
Jo faktisk. Det er først hvis han serverer som text/xml eller application/html+xml at browsere begynder at bruge andre metoder til at fortolke indholdet.

De eneste, som ændrer deres opførsel mellem de to doctypes er validatorer. Det er så efter min mening også grund nok til at kode efter den doctype, man bruger.
Avatar billede caf Nybegynder
03. august 2006 - 16:46 #16
Ok... det vidste jeg faktisk ikke, det lærte jeg noget nyt :-)) Det er fedt at lære noget nyt når man er "næsten" grøn.
(Har også kun lavet en hjemeside, og jeg havde læst mig frem til at det var vigtigt at hjemmesider kunne validere, hvilket den også kan.)

Caf
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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