Søg
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 14:54 Der er 19 kommentarer og
1 løsning

site opbygning med css

jeg sidder og prøver at opbygge mit site med css med det virker ikke rigtig for mig, da jeg startede havde min skærm opløsning 1024x768 og nu har jeg 1152x864 og nu ser det sgu ikke godt ud.

Mit site er her www.hilsoe.dk
Avatar billede olebole Juniormester
04. juni 2007 - 14:58 #1
<ole>

Det, jeg ser, er formodentlig ikke meningen - og uden at vide, hvordan resultatet skal være, er det svært at råde  =)

Hvorfor iøvrigt bruge XHTML1.0-Transitional? Der er absolut ingen fordele ved den fremfor HTML4.01-Strict. XHTML1.0-Trans har intet med rigtig XHTML at gøre - og koden kommer aldrig i nærheden af en XML-parser (som er ellers er eneste grund til at skrive XHTML)

/mvh
</bole>
Avatar billede w13 Novice
04. juni 2007 - 14:59 #2
Prøv først og fremmest at ændre din doctype og html-tagget til:
---------------------------------------------------------------
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
---------------------------------------------------------------

Prøv også at sætte et div-tag rundt om alt indhold i body-sektionen, og sæt denne divs egenskaber til: text-align: center;
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 15:05 #3
Nu har jeg gjort som w13 forslog og resultatet er det samme.

Måske jeg skulle beskrive hvad det er jeg gerne vil. Først og fremmest vil jeg gerne have at det sal være centreret horisontalt og en bestemt afstand fra toppen. Dernæst vil det være ret at mit design ikke rykker sig hvis det bliver set med en anden skærmopløsning.
Avatar billede w13 Novice
04. juni 2007 - 15:09 #4
Det skulle min kode også meget gerne gøre. Gjorde du begge ting?

Glemte at sige, at du også lige skal sætte:
width: 100%;
på det altomkransende div-element.
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 15:12 #5
ja det har jeg og resultatet er der samme også med width: 100%;
Avatar billede w13 Novice
04. juni 2007 - 15:14 #6
Må vi ikke se det på nettet? :) Bare for at følge ordentligt med i løsningen.
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 15:15 #7
hvad mener du, linket er det samme. Vil du ha' jeg skal poste mine filer?
Avatar billede w13 Novice
04. juni 2007 - 15:17 #8
Ja, jeg vil bare gerne se det ude på nettet med vores rettelser. :)
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 15:17 #9
det har jeg også gjort
Avatar billede w13 Novice
04. juni 2007 - 15:18 #10
Lige nu får jeg at vide, at webstedet afviste at vise siden. Kan kun se den fejlmeddelelse.
Avatar billede roenving Novice
04. juni 2007 - 15:18 #11
Du har ikke rettigheder til at se denne side, lyder den lakoniske besked ...

-- af en eller anden grund er biblioteket, linket peger på ikke tilladt at kigge på udenfor computeren !-)
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 15:20 #12
ah sorry, jeg havde fået flyttet min default fil til en anden mappe, den er tilbage nu
Avatar billede w13 Novice
04. juni 2007 - 15:29 #13
Ok, så prøv at fjerne din margin-right og margin-left fra body.
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 15:35 #14
gjort
Avatar billede roenving Novice
04. juni 2007 - 15:36 #15
Den rigtige måde at centrere med css er:

#centerbody{width:/*din samlede bredde*/;margin:0 auto;position:relative;}

-- intet andet (og position er kun, hvis du inde i elementet vil have mulighed for at benytte absolut positionering !-)
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 21:49 #16
height, bliver jeg vel også nød til at styre?
Avatar billede roenving Novice
04. juni 2007 - 23:10 #17
-- jepz, men der kan du ikke lave samme elegante konstruktion, men skal f.eks. ud i thebox': http://www.wpdfd.com/editorial/thebox/deadcentre4.html !o]
Avatar billede thomasmyg Nybegynder
04. juni 2007 - 23:25 #18
som jeg har lavet det lader det til at virke.

Lig et svar så du kan få pointene.
Avatar billede roenving Novice
04. juni 2007 - 23:40 #19
-- så er din centerbody vel i overskud ?-)

-- fjern alle den slags reminiscenser af gamle ting, så kan du garanteret bedre overskue, hvad der sker, hvis du kommer tilbage til lige det grundlayout (måske om 3 år !-)

Velbekomme '-)

-- og så er jeg vel ikke alene om at have givet dig input samtidig med at 200 point er langt over det rimelige, så behold du selv de fleste og uddel også lidt ved siden af !o]
Avatar billede roenving Novice
15. juni 2007 - 15:58 #20
Tak for point ;~}
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 dag 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
18/0720:34 Tidsbestemt Gendannelse - ny funktion i Windows Af Uvanga i Windows
White papers
Flere white papers »