Avatar billede alex15 Nybegynder
13. november 2007 - 15:27 Der er 15 kommentarer og
1 løsning

Hvordan gør man ens side max 1000 px bred?

Hej Eksperter

Jeg har sat min side til at være center. Men vil gerne have at side har en brede på 1000 px. Så når man f.eks. skriver at en boks skal være 50 px fra venstre side, så går den ikke HELT ud i venstre side og går 50 px ind. Den skal i stedet går 50 px ind fra venstre side af de 1000 px. hvis i forstår?

Hvordan gør man det, skal man bare gå ind og skrive body, html
{} til at være max 1000 px? eller hvad?
Avatar billede Keld Nielsen Professor
13. november 2007 - 15:34 #1
Avatar billede alex15 Nybegynder
13. november 2007 - 15:35 #2
body, html
{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-align:center;
    font-family:verdana,arial,sans-serif;
}
Avatar billede alex15 Nybegynder
13. november 2007 - 15:36 #3
Hov. kan man bare sætte det ind her så?

max-width: 1000px; ????
Avatar billede Keld Nielsen Professor
13. november 2007 - 15:44 #4
ja - prøv det!
Avatar billede alex15 Nybegynder
13. november 2007 - 15:50 #5
Virkede tak. Men der er noget jeg slet ikke forstår.. Når jeg laver følgende bokse:

#menuleft
{
    text-align: left;
    width: 1000px;
    height:18px;
    margin-top:67px;
    font-size: 10px;
    line-height: 18px;
    z-index:1;
}

og

#menuright
{
    text-align: right;
    width: 1000px;
    height:18px;
    margin-top:67px;
    font-size: 10px;
    line-height: 18px;
    z-index:1;
}

og linker til dem på følgende måde:

<div id="menuleft">

<?php
echo "Forside";
?>

</div>

<div id="menuright">

<?php
echo "Login";
?>

</div>

Med 2 forskellige ord. Så burde resultatet være at der stod Forside i venstre side og Login i højre side på samme linje. Men sådan står det ikke. Login flytter sig nemlig ydeligere 67 px ned :S i stedet for at blive på samme linje som Forside.
Avatar billede Keld Nielsen Professor
13. november 2007 - 16:10 #6
Du har jo sat begge div'erne til at være 1000px, så er der jo ikke plads ved siden af hinanden.
Avatar billede alex15 Nybegynder
13. november 2007 - 16:20 #7
men kan de ikke bare stå oven i hinande hvis de er på samme layer? mener der er jo ikke sat nogen baggrundsfarve i den.. samt hvorfor skal man bruge

margin istedet for bare at bruge width, height, left og top? hvad er fordelen i det?
Avatar billede Keld Nielsen Professor
13. november 2007 - 17:03 #8
nej, de kan ikke stå over hinanden i samme layer.

den med margin forstår jeg ikke helt, jeg tror du blander begreber.

Ønsk dig den her CSS-bog i julegave: http://www.webdesign101.dk/
Avatar billede alex15 Nybegynder
13. november 2007 - 17:16 #9
okay. men jeg gøre :o)

Men hvilken kode kan man bruge, hvis det er at man vil have 2 bokse stående ved siden af hinanden med f.eks. 50 px fra toppen. (Her dur margin-top: 50px; ikke, da den anden boks automatisk rykker sig selv 50 px under den første boks.)
Avatar billede Keld Nielsen Professor
13. november 2007 - 17:28 #10
sæt dem ind i en div der dækker det hele, og sæt en padding på 50 px i toppen på denne, det mener jeg umidelbart skulle kunne klare det.
Avatar billede alex15 Nybegynder
13. november 2007 - 17:33 #11
Arh ja okay. Vil jeg lige prøve og gøre så..!
Avatar billede alex15 Nybegynder
13. november 2007 - 17:45 #12
Nå men i hvert fald tak for hjælpen.. Vil bare foresætte med at kigge lidt på det :o)
Avatar billede nnb Nybegynder
13. november 2007 - 21:50 #13
withe : "100%" Heigh "100%" :)
Avatar billede alex15 Nybegynder
14. november 2007 - 08:25 #14
nnb: Hvad er forskellen på height og heigh samt forskellen på width og withe.

Samt hvor skal jeg sætte denne kode ind henne? skal jeg gøre det oppe i body, html{} delen? eller nede i af en #XXX ???
Avatar billede roenving Novice
15. november 2007 - 01:25 #15
Det hedder width og height, det andet er tavetosser !-)
Avatar billede alex15 Nybegynder
15. november 2007 - 10:00 #16
hehe ja okay :o)
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