Avatar billede mr2wear Nybegynder
10. december 2008 - 18:34 Der er 22 kommentarer og
1 løsning

Stort billed/baggrund skal blive i venstre/bund

Jeg ved ikke om overskriften giver nogen mening, men jeg vil prøve at illustrere det.

Det jeg vil opnå er nogenlunde dette:
http://www.fluii.dk/pic/FluiiDK-02012.jpg

Og lige nu ser det sådan ud:
http://www.trendmagazine.dk/

Stien til billedet der skal være baggrund er:
http://www.trendmagazine.dk/wp-content/uploads//2008/12/trendmagazine_fashion-pig.jpg

Og det skal selvfølgelig være ens for alle opløsninger/browsere. - Men hvordan? Nu har jeg prøvet at style en div på alle mulige måder, og lige meget hjælper det.

Jeg håber at nogen kan hjælpe!
Avatar billede mr2wear Nybegynder
10. december 2008 - 18:37 #1
Avatar billede keysersoze Guru
10. december 2008 - 18:43 #2
læg billede ind i body fx sådan;

<body style="background-image: url(http://www.trendmagazine.dk/wp-content/uploads//2008/12/trendmagazine_fashion-pig.jpg); background-repeat: no-repeat; background-position: bottom left;">
Avatar billede mr2wear Nybegynder
10. december 2008 - 18:45 #3
Ja det var også hvad jeg tænkte - har prøvet det en gang.
Tjek siden og se hvad det gir :)
Avatar billede zips Juniormester
10. december 2008 - 18:55 #4
Måske skal det være html i stedet for body?

Men det vil stadig give problemer, for med det høje billede vil det kun kunne visses i fuld størrelse med en meget høj skærm opløsning, så den skal måske være top i stedet for bottom.
Avatar billede mr2wear Nybegynder
10. december 2008 - 18:57 #5
størrelsen på billedet underordnet, det kan jeg lave mindre.
Avatar billede zips Juniormester
10. december 2008 - 19:02 #6
Det ser sådan her ud nu i Firefox med 1280x768 skærmstørrelse http://prebendahl.dk/exp/pic/trend1.jpg og sådan her i IE6 http://prebendahl.dk/exp/pic/trend_ie6.jpg
Avatar billede keysersoze Guru
10. december 2008 - 19:04 #7
Du skal sørge for et html er 100% i højden - evt også body.
Avatar billede keysersoze Guru
10. december 2008 - 19:04 #8
fed side zips;

Forbidden
You do not have permission to access this document.
Avatar billede keysersoze Guru
10. december 2008 - 19:04 #9
;)
Avatar billede mr2wear Nybegynder
10. december 2008 - 19:08 #10
Forstår ikke? :)
Avatar billede zips Juniormester
10. december 2008 - 19:09 #11
Ja den er flot :)

Ved ikke helt hvad der sker, men prøver så her http://cmsimple.ws/exp/pic/trend_ie6.jpg og http://cmsimple.ws/exp/pic/trend1.jpg
Avatar billede keysersoze Guru
10. december 2008 - 19:18 #12
sæt style="height: 100%;" på html - og på body

<body style="background-image: url(http://www.trendmagazine.dk/wp-content/uploads//2008/12/trendmagazine_fashion-pig.jpg); background-repeat: no-repeat; background-position: bottom left; height: 100%;">
Avatar billede mr2wear Nybegynder
10. december 2008 - 19:39 #13
Det løser det desværre ikke..
Avatar billede zips Juniormester
10. december 2008 - 19:47 #14
Er det ikke muligt at sætte den som top med en margin-top så der bliver lidt luft?
Avatar billede keysersoze Guru
10. december 2008 - 19:48 #15
du har heller ikke gjort hvad der er foreslået?
Avatar billede mr2wear Nybegynder
10. december 2008 - 19:48 #16
Det kommer ikke til at holde i forskellige opløsninger.

Er det ikke muligt at sætte et div med baggrund, fast i venstre bund??
Avatar billede mr2wear Nybegynder
10. december 2008 - 19:50 #17
Jo jeg har da?
Avatar billede mr2wear Nybegynder
10. december 2008 - 20:14 #18
Jeg tænker på noget a la
<div style='position:absolute;left:0px;top:0px;'><img src="fashion_pig.png" /></div>

Men kan man ikke få det div til at "klæbe" sig til bunden lige meget hvor den så er?
Avatar billede keysersoze Guru
10. december 2008 - 20:18 #19
nej - du mangler stadig height på html-tagget.
Avatar billede mr2wear Nybegynder
10. december 2008 - 21:06 #20
Jeg går efter min egen løsning tror jeg.. det andet virker altså ikke.
Avatar billede keysersoze Guru
10. december 2008 - 22:15 #21
så fortæl mig hvor dette ikke virker;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" style="height: 100%">

<head profile="http://gmpg.org/xfn/11">
    <meta name="description" content="Livsstil, fashion, musik, hÃ¥r, mode, sko, gadgets" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

    <title>TrendMagazine &raquo; TrendMagazine.dk Ã¥bner den 15. januar 2009!</title>
   
<link rel="stylesheet" href="http://www.trendmagazine.dk/wp-content/themes/trendmagazine/style.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://www.trendmagazine.dk/wp-content/themes/trendmagazine/images/mootools.js"></script>
   

</head>

<body style="background-image: url(http://www.trendmagazine.dk/wp-content/uploads//2008/12/trendmagazine_fashion-pig.jpg); background-repeat: no-repeat; background-position: bottom left; height: 100%;">
<div>

<!-- <div style="background-image: url(http://www.trendmagazine.dk/wp-content/uploads//2008/12/trendmagazine_fashion-pig.jpg); background-repeat: no-repeat; background-position: bottom;"> -->
    <div style="margin-top:200px;margin-left:200px;">
    <p> <img src="http://www.trendmagazine.dk/wp-content/uploads//2008/12/trendmagazine_kommer_snart.png" title="TrendMagazine - kommer snart" alt="TrendMagazine - kommer snart" />
    </p>

     
   
    <div style="width:600px;">
<strong>TrendMagazine - Fashion, Musik, Gadgets og Events</strong>

<p>
<SCRIPT language=JavaScript>
<!--
var now  = new Date();
var birthd = new Date("jan 15, 2009");
var toGo = birthd.getTime() - now.getTime();
var days = Math.floor(toGo / (1000 * 60 * 60 * 24));

if (days < 0)
    document.write("<h2>(Idag!)</h2>");

else if (days < 1)
    document.write("<h2>(Imorgen!)</h2>")

else
    document.write("Om " + days + " dage")
//-->

</SCRIPT> går TrendMagazine i luften. Vi har brugt de sidste par måneder på at skrive artikler til dig, så der er noget at læse allerede fra dag 1.
Ideen bag TrendMagazine.dk er afbildet af en stor fælles interesse for mode, musik, trends og gadgets. Skribenterne på siden stammer fra forskellige miljøer, der med hver sit præg, vil sørge for spændende læsning til dig hver dag.
</p>
<p>
Op til launch d. 15 januar, vil vi skrive utallige artikler, så der på åbningsdagen er massere af læsning og nyheder.
- Trendmagazine.dk
    </p>   
    </div>

   
    <p id="admin" align="right"><a href="http://www.trendmagazine.dk/wp-admin/">Skribent login</a></p>
   
   
  <script type='text/javascript'>var purpleTitlesFolder = "http://www.trendmagazine.dk/wp-content/themes/trendmagazine/images/PurpleTitles";</script>
        <script type='text/javascript' src='http://www.trendmagazine.dk/wp-content/themes/trendmagazine/images/script.js'></script>

</div></div>
</body>
</html>
Avatar billede mr2wear Nybegynder
10. december 2008 - 22:37 #22
Aner det ikke, jeg fik det bare ikke til at virke? Vil du have point, eller?
Avatar billede keysersoze Guru
11. december 2008 - 07:30 #23
Det er dig der styrer hvordan point gives - jeg er mest af alt interesseret i at vide hvorfor mine forslag virker fint hos mig i IE og FF men ikke hos dig.
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