Div hænger og flagrer

Ups.. Link til siden: www.denlokalekartoffel.dk

Hvor skal det billede være på skærmen?

15" eller 22" er ikke nok, for hvilken skærmopløsning bruger de.

Skaler dit billede så man ikke skal hente et kæmpe billede som bliver skaleret ned, det gør siden hurtigere at indlæse.

Ja det har jo nok noget at gøre med skærmopløsningen.

Men, har du nogen ide om hvad der skal gøres for at den div kommer indtil resten?

Hvilket af billederne tænker du på? Top og det lille ude til venstre? :)

Det lille til venstre fylder 1.405,68 KB det er meget for sådan et lille billede.

Hvis du ønsker at det lille billede skal sidde op af teksten, kan du lave en div som omslutter det hele og bruger float på dine nu 2 div som er inden i den store, hvis jeg forståre dig ret.

Ahh jeg kan se hvad du mener. Tak for tippet ;-)

Og, det med at have en stor div, det har jeg allerede. Jeg tænker bare, at hvis jeg laver billed div'en inde i den store som er i forvejen.. Så kommer de små billeder til at være "under" det store banner.. hvilket ikke var meningen.

Jeg ville godt kunne have dem til at være ude til siden som du ser det ene billede er nu.

Det var netop derfor jeg skrev en stor div, for som det er op bygget nu, skal du ændre en del i det du har og derfor er det nemmest at lave en ny div omkring det hele og så kan du styre dit billede.

Jeg tror jeg forstår nu, jeg vil lige prøve på det.

Jeg har lige prøvet med en stor div uden om alt sammen.

Men jeg kan ikke lige gennemskue, hvordan du vil styre billedet rundt hvor du vil have det?
Hvis jeg bruger margin-left:; så hjælper det jo ikke rigtig når der så kommer en med en mindre opløsning end mig.

Hvad er dit forslag til hvordan jeg kan styre billedet?

På dit link kan jeg ikke se du har lavet en ny div, men dib div wapper har width:800px; så burde du kunne lave en ny div med width:950px; som så er sidens bredde

Ja det er os det jeg har gjort. Men så sætter jeg billedet til at float left, også kommer det bare til at stå under banneret sammen med det andet.

Har lagt det ud på linket nu. www.denlokalekartoffel.dk

Koden er heller ikke som jeg tænkt, det jeg tænker er en stor div om det helle, tager vi din kode som den var, så så den sådan her ud



Det jeg tænkte var som dette

Hvis du kigger nu så har jeg gjort som du foreslår at jeg skal gøre.. Men jeg kan ikke få det til at funge.

Nu har jeg en stor wrapper, og en wrapper.. Som du kan se, jeg har sat border på.

Så har jeg mit billede derude og flagre.. Hvad gør jeg så nu?

Hvordan styrer jeg det rundt nu.

Du styre det din din css, prøv dette

@charset "iso-8859-1";
/* CSS Document */

body {
background-image:url(pictures/background.png);
background-repeat:repeat-x;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
    }
   
h1 {
margin-top:auto;
display:none;
    }

h2 {
margin-top:auto;
position:relative;
    }
   

.wrapper {
width:800px;
height:auto;
border:1px solid #000;
float:left;


    }
   
#top-banner {
width:auto;
height:;
margin:auto;

border:0px solid #fff;
    }
   
#navbar {
width:800px;
height:20px;
margin-top:5px;
margin-bottom:5px;

    }
   
#billeder-side {
border:1px solid #000;
float:left;
width:100px;

    }
   
.wrap {
width:904px;
height:1000px;
border:1px solid #000;
margin: 0 auto;

    }


#wrapper-text {
width:400px;
height:600px;
float:left;
padding-right:5px;
border:0px solid #fff;
    }
   
#wrapper-text2 {
width:380px;
height:600px;
padding-left:5px;
float:left;

border-left:1px solid #fff;
    }
   
ul#list-nav {
    margin:0px;
    padding:0;
    list-style:none;
    width:800px;
    }
   
ul#list-nav li {
display:inline;
}

ul#list-nav li a {
text-decoration:none;
padding:0px 0;
width:131px;
background:#485e49;
color:#FFF;
float:left;
margin:1px;
text-align:center;
border:0px solid #fff;
font-size:16px;
}

ul#list-nav li a:hover {
background-color:#1DAC15;
    }

Jeg er godt klar over jeg skal bruge CSS. Er bare ikke sikker på hvordan jeg skal gøre.

Det du har gjort, er at mindske width så den sidder helt tæt op af det andet, ikke?

Hvordan får jeg det nu ned så det sidder "under" banneret, og udfor menuen.. Kan jeg bruge margin-top:; ? Uden at det laver rod når det er mindre opløsning.

Så fungere det her! :-)

MANGE tak for hjælpen, vær venlig at ligge et svar :)

Her er et svar :-)