Positioneringsproblem

4 svar · 476 visningar · startad av septor 22 sep. 2007

septorMedlem sedan nov. 2003208 inlägg

Frågan22 sep. 2007 10:26#1

Her en text som jag vill ska hamna till höger om en bakgrundsbild.
Men det vill inte riktigt fungera som det ska, någon som har något bra tips?

Kör med detta just nu:
body {
background-image: url(./bilden.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

#textpos {
position:absolute;
right: 110px;
top:350px;
}

Danne VMedlem sedan aug. 20068 090 inlägg

22 sep. 2007 10:37#2

Man måste se HELA sidan och ALL CSS för att ge ett bra, exakt svar. Med det lilla du visar finns det alldeles för många möjligheter till att koden påverkas av andra stilar som vi inte känner till.

Bäst: Ladda upp sidan som den är (med CSS osv) till en server och posta länken här. Då gör du det enkelt för alla.

Inte så bra, men OK: Posta ALL kod här, både html och CSS. Men det kräver ofta att vi måste kopiera in i ett dokument och skapa en egen sida för att se hur det ser ut i skarpt läge, vilket inte många orkar = färre svar.

Men du kan ju testa med att lägga texten i en div och t.ex. ge padding eller margin i divven....typ....

septorMedlem sedan nov. 2003208 inlägg

22 sep. 2007 10:44#3

Ok! Här så kommer all kod!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
   <title>Sidan!</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

body { 
background-image: url(./bilden.gif); 
background-repeat: no-repeat; 
background-position: center center; 
background-attachment: fixed;
}

#textpos {
position:absolute;
right: 110px;
top:350px;
}

</style>
</head>
<body>

  <div id="textpos"><?PHP include("./rss.php"); ?></div>

</body>
</html>

Danne VMedlem sedan aug. 20068 090 inlägg

22 sep. 2007 10:58#4

Hade ju varit kul om man hade sett den där bilden. Det var bl.a. därför det är lättare att ge ett vettigt svar om du laddar upp sidan nånstans (tror t.o.m. man kan göra det här på wF)

Men varför lägger du inte in den i divven:

<div id="textpos"><img src="bild.gif"><?PHP include("./rss.php"); ?></div>

septorMedlem sedan nov. 2003208 inlägg

22 sep. 2007 11:24#5

Har fått det att fungerar som det ska nu!

Tack ändå!