Få baggrunds billede til at foresætte fra midten af billede og ude til højre

<ole>

Prøv:
    background: #ffc url(fil.png) center repeat-x;

/mvh
</bole>

Prøvede det lige af. Og desværre går linjen ikke kun ud mod højre, men også ud med venstre ...

Skal gerne have det til at se således ud:

http://alexanderchristensen.dk/css.jpg

Lav en boks mere inde i din nuværende der fylder halvdelen af skærmen og smid den over i højre side. Læg baggrundsbilledet deri.

Men hvordan får jeg så en anden boks, til at ligge oven på denne boks?

<div style="width: 100%; text-align: right">
 
  <div style="width: 50%">

  </div>

</div>

Eller noget i den stil fx. Nu har jeg ikke lige rodet med det, så kan ikke lige huske om text-align også flytter divs frem og tilbage eller om det kun gælder andre elementer. Men ellers er der jo andre måde at rykke den til højre :)

Det flytter kun teksten inde i selve boksen ud til højre.

Men denne boks:

<div style="width: 50%">

</div>

Vil jeg jo stadigvæk ikke kunne skrive oven i den anden boks så?

Lige som her:

www.alexanderchristensen.dk/css2.jpg

Det skal nemlig komme til at se således ud:

www.alexanderchristensen.dk/mysite.jpg


www.alexanderchristensen.dk/mysite2.jpg

Du skal selvfølgelig smide baggrundsbilledet ind i den div som er inde i den anden div. Men, hvis du skal have indhold på den måde og boksen er 1000px bred, kan du ikke bare lave baggrunden i 1000px bred så, sådan som den skal være. Men hvid luft i venstre og baggrund i højre?

Har fundet ud af hvordan jeg gør det ... Brugte bare denne boks:


.boks
{
  margin:0 auto;
  width:100%;
  float:left;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background-color:#FFC;
  height:70px;
}

Og så smed jeg et billede ind som var 2600px, bredt. Hvor halvdelen af den bare var hvid. Det løste mit problem.

Tak for hjælpen ellers.

Lukket

Ja lige som jeg skrev du kunne gøre ...

Men udover det, så er det ikke særlig bruger-venlig løsning. 2600px er temmelig bredt, så hvis man ikke har en ret stor opløsning, får man en del horisontalt scroll. Forfærdeligt.

Hvor skrev du det henne? I tråd #9?

Det var jo nemlig ikke den samme løsning, din løsning ville have givet et grim design, hvis brugeren havde en skærm over 1000px. For så ville denne steg nemlig stoppe.

Ved min løsning foresætter stengen helt ud til kanten af en 2600 px. skærm - svarende til 30'. - Hvilket må siges at være rigeligt.

Og derudover får man nemlig ikke en horisontalt scroll, hvis man efterhånden ligger hele ens side i følgende boks:

.header_boks_menu2
{
    width:1000px;
    margin:0 auto;
}

Så bliver skærmen nemlig ikke over 1000 px. Men hvis en bruger med fx. 2600px kommer forbi på siden, så vil siden stadigvæk fylde 1000px, men stengen ville gå hele vejen ud på hans skærm.

Kan du se hvad jeg mener? :)

Alex

Hvad hvis en bruger kommer med en opløsning under 1000px. :)

Så kommer det self, men det gør det jo på alle sider ...

Og hvem bruger lige under 1000 px. i opløsninger efterhånden?

Men designet vil stadigvæk komme til at se rigtig ud, mht. linjen.