Avatar billede it-interesseret Nybegynder
30. maj 2007 - 11:37 Der er 6 kommentarer og
1 løsning

Få midterpalte højere op?

Hej alle

Jeg læst artiklen ”Mom, see no tables”, som beskriver, hvorfor man bør bruge CSS-kodning i stedet for den gammeldags tabel-struktur. Jeg vil derfor lave et så godt som CSS-styret layout, men har et problem.

På følgende hjemmeside - http://tinyurl.com/3y6oam - kan jeg ikke få midterspalten til at gå op og flugte med venstre-spalten. Midterspalten skal starte, som midterspalter normalt gør, nemlig oppe under top-grafikken (her de to bokse) og ikke under venstre-spaltens tekst-slutning, som det sker nu.

Jeg har prøvet med at sætte midter-spalten over til absolut placering (hvorved jeg godt kan få den op og flugte), men så ”hopper den af midter-layoutet og danser rundt” alt efter, hvor bred man gør browseren. Ergo ikke den rigtige løsning.

Der er sikkert et simpelt svar på det, for jer som kender CSS. Men for mig er CSS relativt nyt.

Jeg vil sætte meget pris på, hvis man undlader at lave en reference til sitets rigtig, dog midlertige, url, da sitet lagt fra er klar til lancering på valgte domæne og ikke skal kunne findes, mens det bygges.
Avatar billede w13 Novice
30. maj 2007 - 13:00 #1
Jeg er ikke helt sikker her - så vidt jeg kan se, starter der ikke noget efter venstrespaltens (loginspaltens?) tekstslutning. Midterspalten går jeg ud fra er den, som indeholder "Test
skrevet af Jens Kirk Foged"?
Avatar billede roenving Novice
30. maj 2007 - 16:22 #2
Tjah, hvilken browser tester du med ?-)

-- og du skal nok starte med at fjerne xml-erklæringen før doctypen, da den vil medføre at den (stadig !-) mest udbredte browser overhovedet ikke kan finde ud af det mest grundlæggende css (og så findes der slet ikke en almindelig browser, der overhovedet kan få noget ud af at bruge xhtml, så det skulle du måske vente med at bruge, til  der kommer andet end eksperimenter fra w3c, og browserne derefter begynder at udnytte denne standards grundlæggende fordele !-)
Avatar billede notes2c Nybegynder
01. juni 2007 - 21:42 #3
Grunden må du har en padding-left på 230px i #content, hvis du sætter den til 0px så vil den falde på plads, du kan så evt justere venstre side med margin-left i stedet for.

Nu:
#content {
    float: left;
    /*width: 558px;*/
    border: 0px solid #c00;
    padding-left: 230px;
    color: #E5EAEE;
}

Ændre den til:
#content {
    float: left;
    /*width: 558px;*/
    border: 0px solid #c00;
    padding-left: 0;
    color: #E5EAEE;
}
Avatar billede it-interesseret Nybegynder
02. juni 2007 - 12:19 #4
Hej Notes2c

Perfekt - det virker :-)
Avatar billede notes2c Nybegynder
02. juni 2007 - 12:36 #5
Som roenving skriver, skal du fjerne xml deklarationen som du har før din doctype <?xml version="1.0" encoding="iso-8859-1"?>. Denne gør at bl.a. IE 6 går i quirkmode. Og tror ikke det er din hensigt.
Avatar billede it-interesseret Nybegynder
02. juni 2007 - 13:01 #6
Hermed fjernet. Det rettede så samtidigt en dum IE-CSS-ting. Så dobbelt takker til alle :-)
Avatar billede notes2c Nybegynder
02. juni 2007 - 13:06 #7
Velbekommen
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