Gå til innhold

Problemer med bakgrunnsbilde lagd i photoshop[LØST


Anbefalte innlegg

Hei,

 

Driver å prøver å lære meg litt webdesign igjen, sist jeg drev med dette var vel for 10år siden. Uansett, her er problemet mitt:

 

Jeg skal lage et bakgrunnsbilde for ei side, og det gjorde jeg slik, lagde ett nytt bilde som er 600px langt og 10px høyt. Lagde først venstre side på bilde, kopierte det, roterte det og la det til på høyre side og fikk vedlegget, men når jeg skulle bruke det siden min fikk jeg dete her.

 

Får ikke det høyre "klippet" helt ut til siden, prøvd alt mulig, men får det ikke til. Er det en enkel måte å få dette til på?

 

Takker

 

post-83693-1158496115_thumb.jpg

Endret av b-ill
Lenke til kommentar
Videoannonse
Annonse
noe som ikke stemmer her, sjekk koden din.

Blant annet </main> står alene.

6880825[/snapback]

DEt er fjernet, men der er det med bakgrunns bilde jeg ikke skjønner.

6880892[/snapback]

Var padding som var galt, men vist man laster ned det bilde jeg la med i første post og åpner det feks i windows bildebehandling og forstørrer det max, ser man at det er liten hvit stripe helt til høyre før bilde tar slutt, så jeg gikk ut fra at problemet lå der=)

 

men nå funker det hvertfall=)

Lenke til kommentar
vel, vil ikke si at det funker.

Jeg får nemlig ikke noe på IE, men ser den i mozilla.

Men så er det da at i Mozilla funker ikke 100% høyden din.

Du ser en cap i bunnen.

6881031[/snapback]

Se der ja, har bare sittet å sjekket i FireFox. Hvorfor kan ikke alle browsere lese kode likt! Ser også det i bunnen nå ja, men det var bildet i første omang jeg tenkte på. Noen som ser kjapt hvorfor det ikke funker i IE?

Lenke til kommentar

Hva med å prøve denne:

 

CSS:

/* CSS Document */
* { 
padding: 0;
margin:0; 
}

body, html { 
height: 100%;
margin: 0;
padding: 0;
text-align: center;
color: black;
font-size: 12px;
background-color: #dddddd;
}

#root {
background:#FFFFFF url(main.gif); 
min-height: 100%; 
width:595px; 
margin: 0 auto;
}

* html #root {  /* Fix for IE */
 height: 100%;
}

#content {
width: 595ppx;
text-align: left;
padding-left: 35px;
}

 

HTML:

<div id="root">
<div id="content">
werwerwrfdgdfgdgdgdgdgd</div>
</div>

Lenke til kommentar
Hva med å prøve denne:

 

CSS:

/* CSS Document */
* { 
padding: 0;
margin:0; 
}

body, html { 
height: 100%;
margin: 0;
padding: 0;
text-align: center;
color: black;
font-size: 12px;
background-color: #dddddd;
}

#root {
background:#FFFFFF url(main.gif); 
min-height: 100%; 
width:595px; 
margin: 0 auto;
}

* html #root {  /* Fix for IE */
 height: 100%;
}

#content {
width: 595ppx;
text-align: left;
padding-left: 35px;
}

 

HTML:

<div id="root">
<div id="content">
werwerwrfdgdfgdgdgdgdgd</div>
</div>

6881639[/snapback]

Flott, var det bare

 

* html #root {  /* Fix for IE */
 height: 100%;
}

 

som skulle til?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...