Avatar billede nomisweb Nybegynder
16. december 2006 - 11:22 Der er 5 kommentarer

background-repeat substitut!?

Hej,
Jeg har en lille irritation. Jeg bruger background-repeat i min css for at få en venstre og højre kant på min side til at ændre højde alt afhænig af hvad der ellers står, men det virker kun i IE. Hvad gør jeg med opera og Firefox?
Dvs. spørgsmålet er hvordan sætter jeg en automatisk højde på et billede så det vises på samme måde i alle browsere?
Der er desuden nogle problemer med margin/padding/border eller noget, det er som om ligemeget hvor jeg smider 0px til diverse kanter vises det ikke korrekt. Hvis der er en ide til dette også så skal I være velkomne! :-)

Min css ser således ud:
.left {
  float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    background: url("../images/venstre.gif");
    background-repeat: repeat-y;
}

Tak for hjælpen,
Hilsen
Simon
Avatar billede nomisweb Nybegynder
16. december 2006 - 11:33 #1
Jeg kan lige tilføje at her er et link til et eksempel på min frustration. Tjek den i IE og Opera og/eller firefox!
http://www.simonrasmussen.dk/ole/
S
Avatar billede christiansenbo Nybegynder
16. december 2006 - 13:32 #2
Er lidt ny i det her, men hjælper det med:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

hvis dette indsættes i headeren ?? Det er noget med, at den validere standarden...
Avatar billede nomisweb Nybegynder
17. december 2006 - 10:19 #3
Tak for forslaget, Det hjalp på standarden omkring mine H1-6 tags, men desværre ikke på background-repeat. Man tak for det. Er der noget med at jeg kan oprette et nyt spørgsmål kun beregnet til at give dig point for din hjælp med mine H1-6 tags?
Avatar billede christiansenbo Nybegynder
17. december 2006 - 13:18 #4
Det skal du ikke tænke på :-)
Avatar billede roenving Novice
25. december 2006 - 00:17 #5
-- hvorfor har du float i en tabelcelle ?-)

-- prøv f.eks.

.left {
    margin: 0;
    padding: 0;
    background: url("../images/venstre.gif") right top repeat-y;
}

...

.right {
    margin: 0;
    padding: 0;
    background: url("../images/hojre.gif") left top repeat-y;
}
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