Avatar billede Smorkongen Nybegynder
26. september 2011 - 14:33 Der er 14 kommentarer og
1 løsning

navigation repeat-x

Nogle der ved hvordan man får sin menu til at "fylde" hele skærmen.

http://www.facebook.com, har lige præcis det jeg er efter. Dog er mit ikke en solid farve men en png fil.


Min Css ser således ud: body {

margin-top:0;
margin-left:0;
width: 960px;
margin: auto;



}

#container {

width: 960px;
height: 2500px;
margin:auto;



}


#navbg {

background: url(images/navbg.jpg) repeat-x;
width: 960px;
height: 71px;
margin-top: 0px;
background-repeat: repeat-x;


}


#nyheder {

width: 500px;
height: 300px;
background: #eaeaea;
float: left;
margin-top: 20px;

}


Min 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=utf-8" />
<title>Untitled Document</title>
</head>

<body>


<div id="container">

<div id="navbg">((((MIN NAVIGATION SOM SKAL FYLDE HELE SKÆRMEN)))
</div>

<div id="nyheder">
<h1> Nyheder </h1>
Lorum Ipsum
</div>

<div id="film">
<h1> film </h1>
Lorum Ipsum
</div>

.............................
Avatar billede majbom Novice
26. september 2011 - 14:49 #1
så længe at du har din menu inde i en div med en fast bredde, kan den aldrig komme til at fylde hele skærmen, medmindre skærmens opløsning er under 960px i bredden.

prøv med:

html, body {
  margin-top: 0;
  margin-left: 0;
  width: 100%;
}

#container {
  width: 100%;;
  height: 100%;
}

#navbg {
  background: url(images/navbg.jpg) repeat-x;
  width: 100%;;
  height: 71px;
  margin: 0;
  background-repeat: repeat-x;
}
Avatar billede Smorkongen Nybegynder
26. september 2011 - 15:10 #2
Det virker.

Men min container skulle jo gerne være 960px, hvilket den ikke er nu.

og har fået et problem med min #film, når jeg skalere browseren rykker den rundt. Er det forkert jeg har sat den til float right ?


Du kan se hele min html her http://chopapp.com/#pfcdm352

og min css her :http://chopapp.com/#95qjtgn7
Avatar billede Smorkongen Nybegynder
26. september 2011 - 15:15 #3
Hvornår skal man placerer noget ved hjælp af position:  og hvornår skal jeg bruge fx margin-left:

Når jeg bruger float går der ofte noget galt. Hvad er den letteste/ sikreste måde at placere en boks på. ?

Ved godt der ikke findes et klart svar på dette, men hver gang jeg skal placerer et billed eller en tekst boks aner jeg ikke hvilken metode jeg skal bruge. :(
Avatar billede majbom Novice
26. september 2011 - 17:51 #4
hvis du har sat den til float:right bør den holde sig i højre side uanset browserens størrelse, men måske der er andre elementer der er i vejen? du har ikke et link til siden, det gør det en del nemmere.

hvorom alting er, kan du jo lave en "inner container" i din "container" som kun er de ønskede 960px bred - så fylder menuen stadig hele toppen, men du har en side der kun er 960 bred
Avatar billede Smorkongen Nybegynder
28. september 2011 - 15:50 #5
takker  vil jeg forsøge med
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 19:09 #6
lukker
Avatar billede majbom Novice
21. januar 2012 - 09:17 #7
øøh??
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 12:51 #8
ja sorry, fandt ikke ud af det. Var lidt for svært :( Men takker
Avatar billede majbom Novice
21. januar 2012 - 16:42 #9
du vendte jo aldrig tilbage?
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 19:40 #10
Jeg brugte et css framework 960.gs. Tror faktisk ikke det er muligt med dette framework. Kender du 960.gs ?
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 19:41 #11
Har faktisk stadig samme problem :(
Avatar billede majbom Novice
21. januar 2012 - 20:39 #12
har hørt om det, men aldrig arbejdet med det...

link til siden, og problematik?
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 22:08 #13
Har faktisk fundet et svar. Hvis nogle skulle have samme problem pm mig.

splazz tak for input.
Avatar billede majbom Novice
22. januar 2012 - 11:52 #14
ifølge regler på siden, skal løsningen deles...
Avatar billede Smorkongen Nybegynder
22. januar 2012 - 12:46 #15
HTML

<div id="content-bottom-stretch">
        <div id="content-bottom" class="container">
            <div class="container_12">
            <div class="grid_4 col">
                <h1MEST SOLGTE></h1>
                <p>jshgfjhegfgejhsefgsejh</p>   
                <p>jshgfjhegfgejhsefgsejh</p>
                <p>jshgfjhegfgejhsefgsejh</p>
                <p>jshgfjhegfgejhsefgsejh</p>
                <p>jshgfjhegfgejhsefgsejh</p>
           
            </div>
            <div class="grid_4 col">
                <h1>MEST SOLGTE</h1>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
            </div>
           
            <div class="grid_4 col">
          <h1>MEST SOLGTE</h1>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
                <p>wekjhdwkjjdwhfkjwhejfkhwwwwwwwwww</p>
            </div>
            </div>
   
    <div id="footer-stretch">
        <div id="footer" class="container_12">
            <p>Copyright &copy; 2012 - <a href="#">MENU</a> </p>
            <ul>
                <li><a href="index.html">FORSIDEN</a></li>
                <li><a href="#">MENU</a></li>
                <li><a href="#">MENU</a></li>
                <li><a href="#">MENU</a></li>
               
            </ul>
        </div>
    </div>
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