CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede e4sy Nybegynder
20. marts 2007 - 12:38 Der er 10 kommentarer og
1 løsning

Mangler centreing af HP.

Hej alle.

Jeg har et enkelt spørgsmål. Ret simpelt hvis man er god til HTML (hvad jeg desværre ikke er)
Jeg har denne hjemmeside www.liljen-antik.dk og som I nok kan se, vil denne ,når man er i fuld skærm, lægge sig oppe i venstre hjørne af IE. Hvordan får jeg denne til at stå centret, altså i midten af explorer vinduet??

Håber I kan hjælpe mig :)

MVH
Thomsen
Avatar billede johan.o Nybegynder
20. marts 2007 - 13:35 #1
Hm, nu sidder jeg ved en 1024x768 skærm og der fylder siden rigeligt :)

Men jeg kan forestille mig at ved højere opløsninger så sætter den sig, som du skriver, i venstre side. Umiddelbart er det muligt at du kan opnå den ønskede effekt således :

Find det sted i din kode hvor der står således :

<body onload="preloadImages();">

<div id="top">

og tilføj dette mellem de to <tags> : <div style="position: relative; width: 1024px; margin: 0 auto;">

Find så dette sted i slutningen af din kode :

</table>


</body>

og tilføj dette mellem de to <tags> : </div>

Lad høre hvad der sker.

Mvh. Johan
Avatar billede baddaydaddy Nybegynder
20. marts 2007 - 13:47 #2
Hvis du laver en overordnet <div id="Indhold"></div>, der indeholder alt der skal vises centreret! Derefter lægger du til følgende linier i CSS:

body {
      text-align:center;
    }
   
#Indhold {
      width:700px; /*Størrelsen på områedet man ønsker at centrere
          text-align:left;
    }
Avatar billede e4sy Nybegynder
20. marts 2007 - 13:53 #3
Hej Johan

Tak for tippet, jeg vil prøve dette når min chef åbner døren til det fri senere i dag :)

Baddaydaddy: Du snakker græsk... Men det er sikkert lige det der skal til, ved bare overhoved ikke hvordan. ;)
Avatar billede roenving Novice
20. marts 2007 - 21:10 #4
margin:0 auto; er tricket ...
Avatar billede e4sy Nybegynder
21. marts 2007 - 09:32 #5
Renovering:

Hvor skal dette skrives?
Avatar billede e4sy Nybegynder
21. marts 2007 - 09:34 #6
Roenving

sorry :)

Hvor i koden skal dette " margin:0 auto; " tastes ind?
Avatar billede roenving Novice
21. marts 2007 - 09:41 #7
Horisontal centrering kan du lave sådan:

css:

html,body(margin:0;padding:0;height:100%;}
#indhold{width:700px;margin:0 auto;}

-- hvis du skal lave vertikal centrering skal du adskilligt længere omkring, og du skal bl.a. kende den fulde højde af det du vil centrere (njah, hvis man sætter det i en tabelcelle, vil det som udgangspunkt være centreret, men det er nok lidt gammeldags at gøre det !-)

Se f.eks. http://www.wpdfd.com/editorial/thebox/deadcentre4.html ...
Avatar billede johan.o Nybegynder
21. marts 2007 - 10:05 #8
Ha ha...Renovering...ha ha sorry sorry, det var altså bare for sjovt...SÅ Johan nu slapper du altså af...he he

Nå, men lidt mere seriøst :), e4sy --> har du prøvet det jeg foreslog tidligere, det bruger nemlig præcis margin: 0 auto; til vandret centrering ?

Mvh. Johan
Avatar billede e4sy Nybegynder
21. marts 2007 - 11:42 #9
Roenving - Tak for svaret, så vidt jeg ved er der ikke oprettet nogen css i denne, men vil da lige kigge nærmere på det.

Johan: hehe ja du ve øjet driller sgu én en gang imellem ;)

Nej jeg har ikke prøvet dette endnu, det ligger jo sådan som med så mange andre ting man aldrig skulle ha rodet sig ud i, at jeg har lavet den hp for min gamle moder. Så jeg skal lige finde tiden til at smutte derhjem og afprøve de spændende ting du er kommet med der :)
Avatar billede e4sy Nybegynder
25. juni 2007 - 13:06 #10
Så kom tiden endelig hvor jeg vendte hjem fra det fjerne østen og kom i tanke om min gamle mors hjemmeside... Jeg prøvede hvad Johan.o skrev, og det virkede sørme :) Mange mange tak for hjælpen gutter!
Avatar billede johan.o Nybegynder
25. juni 2007 - 14:57 #11
Skulle jeg ikke lige tage og smide et svar så :)

Mvh. Johan
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
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
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:23 Mine USB stik kan ikke ses nogen steder. Jeg fik en ny PC med windows 11 Af summer i PC
I går 16:49 Kan jeg finde denne excel file igen? Af ABE15 i Mac
I går 16:26 Anden mindste værdi i en række Af ABE15 i Excel
I går 13:48 Manglende hul igennem router Af emanuel i Wifi
I går 13:10 Forlanger KUN pinkode men glemt Af Lars Jørgensen i Windows
White papers
Flere white papers »


Premium
Teaser billede
Microsoft gør klar til at åbne sine danske datacentre: Så mange medarbejdere får de
Læs mere »
Store danske sygehuse mangler helt basale it-sikkerhedsforanstaltninger: "En farlig kombination"
Her er årsagen til fyringer i Rigspolitiets it-afdeling: Disse projekter har trukket benene væk under økonomien
Vigtig deadline nærmer sig for Microsofts partnere: Har under en måned til at blive klar
Se alle »
Computerworld
Teaser billede
Test: Det her er nok det bedste allround-tv, som du kan købe lige nu
Læs mere »
Gratis og helt lovligt: Her kan du læse magasiner og aviser fra hele verden
Test: Hurra - den billigste Mac er nu faktisk også den bedste
Test: På vinter-langtur med den ultimative el-VW
Se alle »
CIO
Teaser billede
Traf afgørende beslutning i 00'erne: Nu høster Salling Group frugterne af sin ERP-strategi
Læs mere »
Skifte væk fra mainframe handlede først om pris – så indså Visma Enterprise, at gevinsten var noget helt andet
Her er årsagen til fyringer i Rigspolitiets it-afdeling: Disse projekter har trukket benene væk under økonomien
Her er de største overraskelser i den danske implementering af NIS2: Det skal du være opmærksom på
Se alle »
Job & Karriere
Teaser billede
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Læs mere »
40 år gammelt dansk it-selskab fusionerer med hollandsk firma og skifter navn
Her er deres månedsløn: Så meget tjener CIO'erne i de danske regioner - den bedst lønnede får mere end digitaliseringsministeren
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Sæt professionel døgnvagt på din it-infrastruktur
Læs mere »
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Sådan: Én løsning til compliance, sikkerhed og overblik
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »