Avatar billede scorpe Nybegynder
21. oktober 2007 - 16:14 Der er 18 kommentarer og
1 løsning

Stille ved siden af hinanden, DOH

Nu skal jeg så have sat to DIVs ved siden af hinanden med CSS. Ved ik hvordan..
CSS:
body{
   
}
#content{
    width:500px;
    margin:0 auto;
    background:yellow;
}       
#menu{   
    width:500px;
    margin:0 auto;
    background:yellow;
    float:left;
}

#logo{   
    width:500px;
    margin:0 auto;
    background:yellow;
    float:right;
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>KBO Software</title>
        <style type="text/css">
            @import url('style.css');
        </style>   
    </head>
   
        <body>
                <div id="content">
                Brødtekst
            </div>
                <div id="menu">
                Menu
            </div>
                <div id="logo">
                Logo
            </div>
        </body>
</html>
Avatar billede w13 Novice
21. oktober 2007 - 16:16 #1
vil du have menu og logo ved siden af hinanden?
Prøv evt. at fjerne margin på de to og evt. float på logo.
Avatar billede soerenlyn Nybegynder
21. oktober 2007 - 16:17 #2
Prøv at put menu og logo ind i en div, og sæt en width på den ..
Avatar billede soerenlyn Nybegynder
21. oktober 2007 - 16:18 #3
og så skal de vel ikke begge have width 500 ?
Avatar billede w13 Novice
21. oktober 2007 - 16:20 #4
Ja, der skal være plads til 500+500 px for at de kan sidestilles.
Avatar billede scorpe Nybegynder
21. oktober 2007 - 16:58 #5
Ja, menu og logo skal ved siden af hinanden.. Og har brug for et kode eksembel, kan ikke 
tyde hvad i siger (:
Avatar billede w13 Novice
21. oktober 2007 - 17:01 #6
Har du selv skrevet din kode?

body{
   
}
#content{
    width:500px;
    margin:0 auto;
    background:yellow;
}       
#menu{   
    width:500px;
    background:yellow;
    float:left;
}

#logo{   
    width:500px;
    background:yellow;
    float:right;
}

Og måske skal du fjerne den sidste linje med "float:right;"

Og Soerenlyn påpegede, at når du sætter både logo og menu til at være 500px, så bliver de måske så brede, at der ikke er plads til dem. Og så vil logo hoppe nedenunder.
Avatar billede soerenlyn Nybegynder
21. oktober 2007 - 17:02 #7
<body>
                <div id="content">
                Brødtekst
            </div>
    <div id=container>
                <div id="menu">
                Menu
            </div>
                <div id="logo">
                Logo
            </div>
  </div>
  <div id="footer"></div>
        </body>
</html>

#container{
    width:500px;
}

#menu{   
    width:200px;
    margin:0 auto;
    background:yellow;
    float:left;
}

#logo{   
    width:300px;
    margin:0 auto;
    background:yellow;
    float:right;
}

#footer{clear:both;display:none;}



ville jeg tro ..
Avatar billede soerenlyn Nybegynder
21. oktober 2007 - 17:04 #8
og så skal margin:0 auto fjernes fra menu og logo, og i stedet på container.

og det er kun nødvendigt at skrive margin:auto;
Avatar billede scorpe Nybegynder
21. oktober 2007 - 17:54 #9
Nu har jeg prøvet det soerenlyn skrev, men de samles ikke på midten..
Avatar billede w13 Novice
21. oktober 2007 - 17:54 #10
Så ret:

#logo{   
    width:300px;
    margin:0 auto;
    background:yellow;
    float:right;
}

til:

#logo{   
    width:300px;
    margin:0 auto;
    background:yellow;
    float:left;
}
Avatar billede w13 Novice
21. oktober 2007 - 17:55 #11
Fjern muligvis "margin:0 auto;"
Avatar billede soerenlyn Nybegynder
21. oktober 2007 - 17:58 #12
Har du et link så vi kan se det? Så er det lidt nemmere at forestille os hvad det er vi mangler ..
Avatar billede scorpe Nybegynder
21. oktober 2007 - 19:00 #13
Kan lige lægge noget op..
Avatar billede scorpe Nybegynder
21. oktober 2007 - 19:10 #14
Sådan ser det ud i skrivende stund:
http://www.scextra.frac.dk/folder/
Avatar billede soerenlyn Nybegynder
21. oktober 2007 - 19:12 #15
menu og logo er jo ved siden af hinanden ? Hvad er det problemet er?
Avatar billede w13 Novice
21. oktober 2007 - 20:43 #16
Ja? :)
Avatar billede w13 Novice
24. november 2007 - 07:51 #17
Lukketid?
Avatar billede scorpe Nybegynder
04. december 2013 - 16:12 #18
luk
Avatar billede scorpe Nybegynder
04. december 2013 - 16:13 #19
..
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