Udvikleren.dk - Seneste [div] forum tr�de

jquery - finde alle id med bestemt value og gemme variabler udfra andre ider

Tue, 22 Jul 2014 12:09:18 GMT

Hej jeg har en stump kode der ser s�dan her ud:

Html:

HTML kode

 <table class="table table-striped">
       <thead>
         <tr>
             <th>#</th>
             <th>Variant</th>
             <th>Minimums beholdning</th>
             <th>Aktuel beholdning</th>
         </tr>
       </thead>
       <tbody>
         <tr id="vanilje_gem">
             <td>1</td>
             <td id="variant_vanilje">Vanilje</td>
             <td id="vanilje_minimums_beholdning">5</td>
             <td id="vanilje_aktuel_beholdning">3</td>
         </tr>
         <tr id="chokolade_gem">
             <td>1</td>
             <td id="variant_vanilje">Chokolade</td>
             <td id="vanilje_minimums_beholdning">5</td>
             <td id="vanilje_aktuel_beholdning">3</td>
         </tr>
       </tbody>
   </table>

PLANEN er den skal v�re dynamisk s� den automatisk henter alle mine varianter.

Jquery koden indtil nu ser s�dan her ud:

JScript kode

 $('*[id*=gem]:visible').each(function() {
       var test = $(this).text();
       alert(test);
       //$(this).hide();
   });

Det jeg vil have er den finder alle der indeholder gem, ogs� skal den n�r den har funder dem, lave et tjek om VARIANT_minimums_beholdning er st�rre eller mindre end VARIANT_aktuel_beholdning - hvis den er s� g�r dit hvis ikke g�r dat.

Med ovenst�ende jquery kode laver den en alert box med begge IDer som indeholder gem, og skriver al deres indhold, men kan ikke dreje hvordan jeg kun f� det relevante som jeg er interesseret i.

Det hele skal v�re "dynamisk" s� jeg kan udvide det med fx banan_gem osv.

H�ber det giver mening

Bootstrap Footer

Sun, 26 Jan 2014 11:13:02 GMT

Hej Udvikleren.

Jeg er ved at arbejde p� en hjemmeside, som bliver udarbejdet i Bootstrap 3. Hjemmesiden skal have en footer, som hele tiden befinder sig nederst p� siden, og som automatisk bliver skubbet hvis indholdet i content fylder mere.

Jeg har pr�vet at give min footer en fixed height, og givet min body en margin-bottom p� samme m�ngde, men da min footer skal �ndre h�jde efter hvor meget indhold der er i den, er dette ikke en l�sning.

Jeg har s�gt Google tynd, og har pr�vet et hav af muligheder, men uden held. H�ber at der sidder et klogt hoved der eventuelt har haft samme problem, eller bare kan hj�lpe!

P� forh�nd mange tak for hj�lpen.

HTML kode

 <!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <title>TEST</title>
 
 <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
 <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
 <link rel="stylesheet" type="text/css" href="css/style.css">
 
 </head>
 
 <body>
 
     <!-- Header begins-->
     <header class="header">
     
         <div class="container">
         
             Header
         
         </div>
     
     </header>
     <!--Header ends -->
     
     <!-- Nav begins -->
     <nav class="nav">
     
         <div class="container">
 
             Navigation
 
         </div>
     
     </nav>
     <!-- Nav ends -->
     
     <!-- Slideshow begins -->
     <div class="slideshow">
     
         <div class="container">
         
             Slideshow
             
         </div>
     
     </div>
     <!-- Slideshow ends -->
     
     <!-- Content begins -->
     <div class="content">
     
         <div class="container">
         
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
             
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
             
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
             
             <div class="col-lg-3 col-md-6">
                 <div class="thumbnail">
                     <img src="http://placehold.it/800x500" alt="">
                     <div class="caption">
                         <h3>Service</h3>
                         <p>Beskrivelse af et produkt</p>
                         <p><a href="#" class="btn btn-primary">Læs mere</a>
                         </p>
                     </div>
                 </div>
             </div>
         
         </div>
     
     </div>
     <!-- Content ends -->
     
     <!-- Footer begins -->
     <footer class="footer">
     
         <div class="container">
         
             <div class="col-md-3">
             
                 Velkommen til TEST's hjemmeside, håber at du finder de informationer du er på udkig efter. Ellers er du altid velkommen til at ringe på telefon nr: ** ** ** **
                 
             </div>
             
             <div class="col-md-3">
             
                 Footer
                 
             </div>
             
             <div class="col-md-3">
             
                 Footer
                 
             </div>
             
             <div class="col-md-3">
             
                 Footer
                 
             </div>
             
         </div>
     
     </footer>
     <!-- Footer ends -->
 
 </body>
 
 <script src="js/bootstrap.js"></script>
 
 </html>

CSS kode

 /********************
     HTML
 ********************/
 
 html {
     height:100%;
 }
 
 /********************
     Body
 ********************/
 
 body {
     height:100%;
 }
 
 /********************
     Header
 ********************/
 
 .header {
     background-color:#494949;
     width:100%;
 }
 
 /********************
     Navigation
 ********************/
 
 .nav {
     background-color:#6A4444;
     width:100%;
 }
 
 /********************
     Slideshow
 ********************/
 
 .slideshow {
     background-color:#969696;
     width:100%;
     margin-bottom:30px;
 }
 
 /********************
     Content
 ********************/
 
 .content {
     height: auto !important;
     height:100%;
     min-height:100%;
 }
 
 /********************
     Footer
 ********************/
 
 .footer {
     width:100%;
     padding-top:15px;
     padding-bottom:15px;
     background-color:#494949;
     margin-top:15px;
 }
 
 /********************
     Misc
 ********************/
 
 
 /********************
     Typography
 ********************

CSS problemer

Sat, 06 Jul 2013 11:13:58 GMT

Hej udviklere.

Har virkelig et problem som jeg h�ber I kan hj�lpe mig med.

Billede af resultat

Hvordan f�r jeg (se nedenst�ende kode) forum_overall - til at f�lge forum_content. Se eventuelt billede.

CSS kode

 .forum_overall {
 margin-top: 10px;
 padding-bottom:45px;
 border: 1px solid #000;
 }
 
 .forum_content { 
 margin-left: 190px;
 margin-top: 10px;
 margin-bottom: 20px;
 margin-right: 10px; 
 padding: 6px; 
 border: 1px solid #cecece;
 } 
 
 .forum_info { 
 float: left;
 margin: 10px;
 /*margin-top: 10px;
 margin-bottom: 20px; */
 padding: 6px;
 width: 160px; 
 border: solid 1px #cecece;
 }

Skal I have flere informationer, s� sp�rg bare. Har driblet rundt med det her problem i flere aftenener.

PS: Skal naturligvis ikke have den sorte border omkring, men bruger den til at f�lge det resterende indhold og teste - og lige nu virker det bare kun ved selve tr�den, men kommentarerne der halter den.

I de andre tr�de lader det til at min .forum_overall kun f�lger forum_content - men hvis denne er mindre end forum_info, s� fucker det hele op. H�ber I forst�r, jeg g�r ikke.

Et billede mere..

Mvh. Morten

Div i divs

Mon, 24 Jun 2013 16:46:00 GMT

Hej udviklere
Jeg har noget kode der godt kunne se s�dan her ud:

HTML kode

 <div id ="div1">
             <div id="div2">
                 
             </div>
             
             <div id="div3">
                 
             </div>            
 </div>

Div 1 har en baggrundsfarve s� jeg kan se at den d�kker over indholdet i b�de 2 og 3.

div 2 og div 3 skal v�re ved siden af hinanden s� jeg skriver float:left i dem begge. Men nu forsvinder baggrunden pludselig s� det ser ud som om at div 1 nu ikke d�kker over div 2. Hvorfor sker det n�r jeg s�tter float:left ind?

Koloner med CSS - de sidste detalier

Tue, 23 Apr 2013 07:34:56 GMT

Hej gutter og gutinder

Hovedideen er jeg skal fylde to kolonner (div E og F) med data fra min database. De parvis skal st� overfor hinanden, selvom indholdet ikke fylder lige meget.

HTML kode

 <!DOCTYPE HTML>
 <HTML>
 <HEAD>
 <TITLE>Hjemmeside for og af Roar Pedersen</TITLE>
 <LINK rel=stylesheet type=text/css href="stylesheet/localStyle2.css">
 </HEAD>
 
 <BODY>
 
 <div class="A">
     <div class="B">
         <h1>B</h1>
     </div>
 
     <div class="C">
         <div class="img"><h1>C</h1></div>
     </div>
 </div>
 
 <div class='vBar'></div>
 
 <div class='D'>
     <div class='E'><span class='G'>E: ATP Koncernen</span><span class='H'>2001-01-01 : 2005-01-03</span></div>
     <div class='F'>F: Danmarks største pensions- og sikringsselskab løser opgaver for næsten alle borgere og virksomheder i Danmark. ATP rangerer blandt Europas største pensionsvirksomheder</div>
 </div>
 
 <div class='D'> 
     <div class='E'><span class='G'>E: IBM</span><span class='H'>2006-01-02 : 2009-12-31</span></div>
     <div class='F'>F: IBM Danmark ApS er landets førende virksomhed inden for informationsteknologiske produkter, løsninger og serviceydelser. De primære forretningsområder ligger inden for netværksløsninger, systemintegration, service- og konsulentvirksomhed.</div>
 </div>
 
 <div class='D'> 
     <div class='E'><span class='G'>E: Tryg</span><span     class='H'>2010-01-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
     <div class='F'>F: Tryg er det næststørste skadeforsikringsselskab i Norden. Tryg er et kendt brand hvis historie strækker sig tilbage til 1731.</div>
 </div> 
 
 </BODY>

CSS kode

 body {
 background-color: #ffffff;
 font-family:"Times New Roman";
 font-size: 15px;
 }
 
 h1 {
 color: green;
 }
 
 span, div {
 border: solid black 1px;
 }
 
 div.vBar {
 clear: both; 
 width: 100%;
 border-top: solid blue 5px;
 }
 
 #vBar {
 border-top: solid blue 5px;
 }
 
 
 div.img {
 float: right;
 }
 
 
 div.D {
 padding: 10px 10px 0px 0px; /* top right bottom left */ 
 }
 
 div.A, div.D {
 margin: 0 auto;           
 clear: both; 
 width: 980px;
 border: solid red 1px;
 }
 
 div.B, div.E {
 float: left;
 width: 29%;
 }
 
 div.F {
 padding: 10px 0px 0px 10px; /* top right bottom left */
 }
 
 div.C, div.F {
 float: right;
 width: 69%;
 border-left: solid blue 1px;
 }
 
 span.G {
 float: left;
 width: 40%;
 }
 
 span.H {
 float: right;
 width: 58%;
 }

Og det virker! Der er bare et par detalier, der ikke fungerer - og jeg ved ikke hvorfor? Jeg har sat et par rammer omkring de enkelte div klasser for at illustrere problemstillingen.

Hvorfor er der h�jde p� div.D, n�r div.A ikke fylder noget (og det er d�t, jeg �nsker)?

Hvorfor er div.C smallere end div.F? Burde de ikke have samme brede?

Hvorfor er div.2 ikke inde i div.1, n�r <div 1><div 2></div></div>. Div.2 opf�rer sig basalt set som om den var.

Der er et eller andet i min basale forst�else af div, som ikke er helt p� plads endnu, men jeg h�ber I kan hj�lpe mig :-)

Html-Rookie - Problem med back-ground repeat

Sat, 15 Dec 2012 16:20:22 GMT

Hey folkens.

Jeg er igang med at lave en hjemmeside, men er st�dt p� et enkelt problem..

Problemet er, at "billedet", hvori mit content st�r ikke er stor nok, p� nogle af undersiderne.. For at l�se det har jeg nu lavet en sort-linie, som den s� ellers bare skal repeate p� sitet. Det g�r den ogs� fint, men min "width" passer ikke sammen med den �verste del af content-boxen..

H�ber, at det er til at forst�r, og, at der er nogen, der kan hj�lpe mig her.

Direkte link til undersiden:
http://fa3semester2012.mmd.eal.dk/SEALs/Seals/koncern.php

P� forh�nd tak.

Center div med 120% width

Fri, 23 Nov 2012 23:09:20 GMT

Hej udviklere!

Sidder med en lidt sp�js case!

Jeg har en div med 120% width - jeg skal have den til at v�re centreret, s�ledes, at 10% g�r ud over browserens kant.

Hvis i er i tvivl om hvad jeg mener, er her et billede:
Billede

Er lidt i tvivl om hvordan det skal gribes an!

God weekend og happy coding! :-)

Design problem: Div i div med float

Sat, 03 Nov 2012 17:19:03 GMT

Hej alle,

Jeg har et problem jeg efterh�nden har smidt et par timer efter. Som titlen hentyder, drejer dette sig om divs inde i andre divs.

Jeg har skitseret hvordan mit design (det er kun placeringen af divs der er relavant) - dette findes her:
konceptet

Her er den egentlige side hvor css og html kan findes.
siden

Som kan ses i css'en har jeg pr�vet med display: block-inline;

Griber jeg hele designet forkert an? B�r jeg bruge noget andet end div's?

Jeg h�ber ikke det var for stor en bombe

div-tag helt ud til kanten - width

Fri, 26 Oct 2012 19:27:53 GMT

Hej,

Hvis jeg nu har et div-tag, som s�dan:

HTML kode

 <div class="test">
 <p>test</p>
 </div>

... Og min css ser s�dan her ud:

CSS kode

 .test {
 background-color: #333333;

Hvordan f�r jeg mit div tag, til at g� helt ud til kanten, af sk�rmen. Og ikke bare s� der er en halv centimeter til kanten, som det g�r nu??
Nogle der kan forst� mig?

Ligesom hos udvikleren.dk, at det gr�nne felt g�r helt ud til kanten?

Div der altid f�lger sk�rmen

Wed, 30 May 2012 10:21:55 GMT

Hej.

Jeg er p� udkig efter s�dan en lille "knap" som de har p� sputnik hjemmesiden. Det er set f�r, jeg ved bare ikke lige helt hvad det hedder I og med der er mange der har den, er der sikkert ogs� en guide et sted p� nettet. Men jeg er ikke lige 100% klar over hvad jeg skal s�ge efter, derfor sp�rger jeg lige her.

Har taget et screenshot af det p� sputnik, for at vise hvordan det ser ud. Den f�lger alts� hjemmeside ligemeget hvor man er henne. Man kan scrolle l�ngere ned, ogs� er den der stadigv�k i venstre side.

http://peecee.dk/upload/view/368582

H�ber der er en venlig sj�l der vil hj�lpe.

Peace, mbs

Text wrapping

Thu, 24 May 2012 11:02:58 GMT

Hejsa

Jeg har en lille udfordring jeg ikke helt kan f� l�st, som en af jer sikkert kan hj�lpe mig med.
Der er en overskrift, et billede og en beskrivelse ved siden af.
Lidt ligesom i en shop er der en overskrift p� varen, et billede og m�ske en pris under billedet og s� en tekst til h�jre for.

Mit problem er at jeg gerne vil lave text-wrapping s�ledes at n�r brugeren g�r vinduet mindre s� tilpasser teksten sig selv i l�ngden og wrapper og bare udvider sig vertikalt n�r vinduet bliver mindre og horisontalt n�r det bliver st�rre.

Hvis jeg s�tter min- og max-width p� i % s� fungerer det stadig ikke medmindre jeg selv s�tter <br /> ind i teksten.
Ville gerne have den selv bare flytter dem til n�ste linie.

Min kode er som f�lger:

HTML kode

 <div class="type-line">
             <div class="section-titel">
                 <a name="Anchor1">
                     <h4 class="header">TITEL GOES HERE</h4>
                 </a>
             </div>
             <div>
                 <div class="image-section">
                     <img class="line-image" src="thumb.jpg" />
                     <div>Varen er udsolgt</div>
                     <div>Prisen er meget høj</div>
                 </div>
                 <div class="text-section">
                     <p class="description-text">Her skal der blive ved med at komme en ufattelig lang, dum og irriterende beskrivende tekst som ingen alligevel gider at læse overhovedet vel?                   </p>
                 </div>
             </div>
         </div>

CSS kode

 .type-line {
     min-height: 200px;
     background-color: #0ff;
     border: 2px solid red;
 }
 
 .section-titel {
      width: 100%;
 }
 
 .image-section {
     display: inline-block;
     max-width: 200px;
 }
 
 img.line-image {
     border: 1px solid #b8d30b;
     padding: 2px;
     min-width: 100px;
     max-width: 175px;
     display: inline-block;
 }
 
 .text-section {
     display: inline-block;
     vertical-align: top;
     max-width: 80%;
     max-width: 800px;
     min-width: 30%;
 }
 
 p.description-text {
     background-color: #ff6a00;
     display: inline-block;
     vertical-align: top;
     padding: 0px;
     margin: 0px;
     text-wrap: normal;
   }

Placere div uden for "ramme"

Mon, 16 Apr 2012 21:07:08 GMT

Hej k�re udviklere.

Jeg har brug for lidt kyndig IT viden. Har selv sat og bakset med det i mange timer nu, og jeg synes egentlig det driller mig nok til jeg selv kan se hvad der g�r galt.

P� siden http://mbstech.dk/test kan i se en side med en ramme. Jeg vil meget gerne ha en div p� siden af den ramme. I begge sider.

Som det er nu er der en div i h�jre side, og det er fint nok. Men hvis jeg pr�ver at placere en div i venstre side, s� ser det ogs� fint nok ud n�r jeg har maksimeret vinduet, men s� snart jeg laver det mindre bliver det noget lort, og div g�r ind over rammen.

Har pr�vet med forskellig "position:" faktisk alle sammen, men det synes ikke rigtig at virke. I nedenst�ende kodeboks er der henholdsvis html og css.

HTML kode

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <html xmlns="http://www.w3.org/1999/xhtml">
 
 <head>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 <title>Div uden om rammen</title>
 
 <link type="text/css" href="ny.css" rel="stylesheet" media="screen" />
 
 <script src="js/jqFancyTransitions.1.8.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="scriptet/jquery.min.js"></script>
 
 <script type="text/javascript" src="scriptet/jquery.cycle.all.js"></script>
 <script type="text/javascript">
 
 $(document).ready(function() {
 
     $('.slideshow').cycle({
 
         fx: 'scrollUp' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
 
     });
 
 });
 
 </script>
 
 </head>
 
 <body>
 
 <div id="streg">
 
 <div id="banner" >
 
 Banner her...</div>
 
 <div id="kassen">
 
 <div id="container">
 
 <div id="right">
 
 <div class="post-it5">
 
 <h2>Overskrift her</h2>
 
 <p>Tekst</p>
 
 </div>
 
 <div class="post-it1">
 
 <div class="menupunkt">
 
 <img class="menuimage" src="dsj/menupunkt.png" alt="dfgd" />
 
 <h1><span class='over'><strong>Se mere her...</strong><br /><br /></span>
 
 <a class="menul" href="link1"> Link 1</a><br />
 
 <a class="menul" href="link2"> Link 2</a><br />
 
 <a class="menul" href="link3"> Link 3</a><br />
 
 <a class="menul" href="link4"> Link 4</a><br />
 
 <a class="menul" href="link5"> Link 5</a><br />
 
 <a class="menul" href="link6"> Link 6</a>
 
 </h1>
 
 </div>
 
 </div>
 
 <div class="post-it2">
 
 kjdfgnkjn
 
 </div>
 
 <div class="post-it3">
 
 
 
 <h2>Bla...</h2>
 
 <p class="footalign">
 
 Bla Bla Bla Bla igen....
 </p>
 
 
 
 </div>
 
 <div class="post-it4">
 
 
 
 <p class="indholdgultape">Bla Bla Bla
 
 <br /> <br />Bla Bla <b>Bla</b>.<br /> Den her div er uden for ramme. Det samme vil jeg gerne ha i den anden side. Nogenlunde sammested.</p>
 
 </div></div>
 
 
 
 <div id="content">
 
 <h5>......</h5>
 
 <p class="indholdpapir">
 
 osgoiaenrgoienrgåoineråogibenoåbutenåobnetoåb
 
 </p>
 
 
 
 </div>
 
 
 
 <div class="post-it6">
 
 
 
 <h2>euoeourgoueg</h2>
 
 
 
 
 
 
 <div class="post-it7">
 
 <h2>oijnhoitehnjorti</h2>
 
 <p>
 itejghoijthoi
 
 </p>
 
 
 
 </div>
 
 </div>
 
 </div>
 
 </div>
 
 <div class="bil1"><img class="tape" alt="Tape" src="tape.png" /><img class="billed1" alt="Facebook" src="img/vindcamp.png" /></div>
 
 <div class="bil2"><img class="tape" alt="Tape" src="tape.png" /><img class="billed2" alt="Google Places" src="img/elcom.png" /></div>
 
 <div class="bil3"><img class="tape" alt="Tape" src="tape.png" /><img class="billed3" alt="Twitter" src="img/twitter.png" /></div>
 
 </div>
 
 
 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 
 
 
 </body>
 
 </html>

CSS kode

 body     {background: url(77566.gif) ;   
 
       background-color: transparent; 
 
           font-size: 14px; 
 
       font-family: 'Gloria Hallelujah', cursive;
 
           color:#000; 
 
           padding:0px;
 
           margin:0;}
 
 
 
 
 
 h2     {font-size:22px;
 
           padding-top:0px;
 
       background-color: transparent;
 
       padding-left:2px;
 
           margin:-3px;
 
       margin-bottom:3px;
 
       font-family: 'Gloria Hallelujah', cursive;}
 
 
 
 
 
 h3     {font-size:19px;
 
           padding-top:0px; 
 
       padding-left:6px;
 
           margin:-3px;
 
       font-family: 'Gloria Hallelujah', cursive;}
 
 
 
 
 
 h4     {font-size:19px;
 
           padding-top:0px;
 
       padding-left:20px;
 
           margin:-3px;
 
       font-family: 'Gloria Hallelujah', cursive;}
 
 
 
 
 
 h5     {font-size:25px;
 
           padding-top:65px;
 
           letter-spacing:-1px;
 
       padding-left:70px;
 
       font-family: 'Gloria Hallelujah', cursive;}
 
 
 
 h6     {margin: 0px;
 
       margin-top: 50px; 
 
           margin-left: 32px;
 
         font-size: 18px; 
 
       font-family: 'Gloria Hallelujah', cursive;}
 
 
 
 
 
 
 
             a:link    {text-decoration: none; color: #000;}
 
             a:visited {text-decoration: none; color: #000;}
 
             a:active  {text-decoration: underline; color: #000;}
 
             a:hover   {text-decoration: underline; color: #000;}
 
 
 
     a.menul:link    {line-height: 1.8; position:relative; top: -15px; margin-left:60px; font-size: 17px; text-decoration: none; color: #000;}
 
     a.menul:visited {line-height: 1.8; position:relative; top: -15px; margin-left:60px; font-size: 17px; text-decoration: none; color: #000;}
 
     a.menul:active  {line-height: 1.8; position:relative; top: -15px; margin-left:60px; font-size: 17px; text-decoration: underline; color: #000;}
 
     a.menul:hover   {line-height: 1.8; position:relative; top: -15px; margin-left:60px; font-size: 17px; text-decoration: underline; color: #000;}
 
 
 
 
 
             a.phonelink:link {color: #000; text-decoration: none; }
 
             a.phonelink:visited {color: #000; text-decoration: none; }
 
             a.phonelink:hover {color: #000; text-decoration: underline; }
 
             a.phonelink:active {color: #000; text-decoration: underline; }
 
 
 
 
 
 
 
 #container {
 
 width: 1000px;
 
 background-color: transparent; 
 
 margin-bottom: 20px;
 
 margin: 0 auto;
 
 }
 
 
 
 
 
 #streg {
 
 width: 1000px;
 
 margin-top: -57px;
 
 margin: 0 auto;
 
 background-color: transparent; 
 
 }
 
 
 
 
 
 #kassen {
 
 background-color: transparent; 
 
 width: 1000px;
 
 margin-top: -57px;
 
 height: 850px;
 
 background: url(bg.jpg) no-repeat center center;
 
 background-size: 100% 100%;
 
 -moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
 
 -o-background-size: 100%; /* Opera 9.5 */
 
 -webkit-background-size: 100%; /* Safari 3.0 */
 
 -khtml-background-size: 100%; /* Konqueror 3.5.4 */
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 }
 
 
 
 
 
 
 
 
 
 
 
 #banner {
 
 background-color: transparent; 
 
 text-align: center;
 
 padding: 0px;
 
 margin-top: 0px;}
 
 
 
 
 
 
 
 #content {
 
 padding: 0px;
 
 background-color: transparent; 
 
 margin: 0 0px;
 
 left:0;
 
 width:492px;
 
 background: url(dsj/papir.png) no-repeat left;
 
 background-position: 0px 0px;}
 
 
 
 div#content { 
 
 min-height:600px;
 
 height:expression(this.scrollHeight > 600 ? "auto":"600px");}
 
 
 
 
 
 
 
 
 
 #right {
 
 float: right;
 
 background-color:transparent;
 
 width: 300px;
 
 margin: 0;
 
 padding: 0;
 
 margin-top: 0px;
 
 
 
 }
 
 
 
 a.alignbundleft  {margin-left:5px;}
 
 textarea {resize:none;}
 
 #fb-root  {float:right; margin-top:-40px;}
 
 
 
 p.italic     {font-style:italic;}
 
 p.italic2     {margin-top: -15px;margin-left:15px;padding: 0px 0px; font-style:italic;}
 
 p.right     {text-align:right;}
 
 p,pre,form     {margin: 3px; margin-top: 3px;margin-left:0px;padding: 0px 0px; }
 
 
 
 
 
 .indholdpapir    {width: 340px; font-size: 17.5px; line-height:176%; padding: 15px 70px; position:relative; top:-24px;}
 
 .indholdgultape  {padding: 0px 30px; margin: 0px; }
 
 .indholdmidtsmallright {float:right; padding: 5px 2px;font-size: 12px; margin: 0px; margin-left:10px;}
 
 .foottext        {position: relative; text-align:left; top: 50px;font-size: 10px;}
 
 .footalign       {margin-top:0px; margin-left:0px;  text-align: left;}
 
 .findos          {border-left: 1px solid #A6A6A6; height: 93px; position: relative; right: 0px; bottom:-10px; float:right;}
 
 .copyright       {margin-top: -18px; color: #000; text-align:center;}
 
 .alignright      {margin-top: 0; text-align: right;}
 
 .alignbundright  {margin-top: 0; text-align: right;}
 
 
 
 
 
     img.foot       {left:5px;bottom:105px;}
 
     img.facebook   {position:absolute;right:210px;width:35px;height:35px;bottom:20px;}
 
     img.twitter    {position:absolute;right:175px;width:35px;height:35px;bottom:20px;}
 
     img.linkedin   {position:absolute;right:140px;width:35px;height:35px;bottom:20px;}
 
     img.googleplus {position:absolute;right:105px;width:35px;height:35px;bottom:20px;}
 
     img.wikipedia  {position:absolute;right:75px;width:36px;height:36px;bottom:20px;}
 
     img.youtube    {position:absolute;right:40px;width:34px;height:32px;bottom:22px;}
 
     img.facade     {width:200px; padding:5px;}
 
     img.menuimage  {margin-top:-35px; height:330px;}
 
     img.billed1    {margin-top:-15px;
 
                  border: 0px solid #ddd;
 
                              border-radius: 5px;
 
                            -moz-border-radius: 5px;
 
                           -khtml-border-radius: 5px;
 
                          -webkit-border-radius: 5px;}
 
     img.billed2    {margin-top:-15px;
 
                  border: 0px solid #ddd;
 
                              border-radius: 5px;
 
                            -moz-border-radius: 5px;
 
                           -khtml-border-radius: 5px;
 
                          -webkit-border-radius: 5px;}
 
 
 
     img.billed3    {margin-top:-15px;
 
                  border: 0px solid #ddd;
 
                              border-radius: 5px;
 
                            -moz-border-radius: 5px;
 
                           -khtml-border-radius: 5px;
 
                          -webkit-border-radius: 5px;}
 
 
 
 img.tape {
 
 position:relative;
 
 width:10%;
 
 height:10%;
 
 margin-left: 165px;
 
 background: url(tape.png) no-repeat;}
 
 
 
 
 
 
 
 .bil1 {
 
 width: 325px;
 
 margin-top:-22px;
 
 float:left;
 
 background-color: transparent; }
 
 
 
 .bil2 {
 
 width: 325px;
 
 margin-top:-22px;
 
 float:left;
 
 background-color: transparent; }
 
 
 
 .bil3 {
 
 width: 325px;
 
 margin-top:-22px;
 
 float:left;
 
 background-color: transparent; }
 
 
 
 .slideshow { height: 55px; width: 230px; margin-left:0px; }
 
 
 
 
 
 .menupunkt {position: relative; width: 100%; /* for IE 6 */}
 
 
 
 h1 {
 
    position: absolute;
 
    top: -10px;
 
    left: 0;
 
    font-size: 30px; 
 
    width: 100%;
 
 }
 
 
 
 h1 span.over {
 
    color: black;
 
    font-size: 30px; 
 
    letter-spacing:-1px;
 
    line-height: 0.9;
 
    background: rgb(0, 0, 0); /* fallback color */
 
    background: rgba(0, 0, 0, 0.0);
 
    margin-left: 49px;
 
    padding: 10px;
 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .post-it1 {
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 -moz-transform: rotate(0deg);
 
 -webkit-transform: rotate(0deg);
 
 -o-transform: rotate(0deg);
 
 -ms-transform: rotate(0deg);
 
 transform: rotate(0deg);
 
 box-shadow: 0px 0px 0px transparent;
 
 -moz-box-shadow: 0px 0px 0px transparent;
 
 -webkit-box-shadow: 0px 0px 0px transparent;
 
 padding:10px; 
 
 margin-top:-220px;
 
 width:390px;
 
 height:300px;
 
 position:relative;
 
 left: 0px;
 
 
 
 }
 
 
 
 .post-it2 {
 
 background: url(dsj/gul2.png) no-repeat center;
 
 background-position: -30px 0px;
 
 background-size: 100% 100%;
 
 -moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
 
 -o-background-size: 100%; /* Opera 9.5 */
 
 -webkit-background-size: 100%; /* Safari 3.0 */
 
 -khtml-background-size: 100%; /* Konqueror 3.5.4 */
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 -moz-transform: rotate(-3deg);
 
 -webkit-transform: rotate(-3deg);
 
 -o-transform: rotate(-3deg);
 
 -ms-transform: rotate(-3deg);
 
 transform: rotate(-3deg);
 
 
 
 
 
 box-shadow: 0px 0px 0px transparent;
 
 -moz-box-shadow: 0px 0px 0px transparent;
 
 -webkit-box-shadow: 0px 0px 0px transparent;
 
 padding:10px; 
 
 position:relative;
 
 width:270px;
 
 height:285px;
 
 left: 0px;
 
 margin-top:-10px;
 
 
 
 }
 
 
 
 .post-it3 {
 
 background: url(dsj/red.png) no-repeat center;
 
 background-position: -32px 0px;
 
 background-size: 100% 100%;
 
 -moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
 
 -o-background-size: 100%; /* Opera 9.5 */
 
 -webkit-background-size: 100%; /* Safari 3.0 */
 
 -khtml-background-size: 100%; /* Konqueror 3.5.4 */
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 -moz-transform: rotate(-3deg);
 
 -webkit-transform: rotate(-3deg);
 
 -o-transform: rotate(-3deg);
 
 -ms-transform: rotate(-3deg);
 
 transform: rotate(-3deg);
 
 
 
 
 
 box-shadow: 0px 0px 0px transparent;
 
 -moz-box-shadow: 0px 0px 0px transparent;
 
 -webkit-box-shadow: 0px 0px 0px transparent;
 
 padding:10px; 
 
 position:relative;
 
 width:310px;
 
 height: 270px;
 
 left: 12px;
 
 margin-top:15px;
 
 }
 
 
 
 
 
 .post-it4 {
 
 background: url(dsj/gul2.png) no-repeat center;
 
 background-size: 100% 100%;
 
 -moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
 
 -o-background-size: 100%; /* Opera 9.5 */
 
 -webkit-background-size: 100%; /* Safari 3.0 */
 
 -khtml-background-size: 100%; /* Konqueror 3.5.4 */
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 -moz-transform: rotate(-3deg);
 
 -webkit-transform: rotate(-3deg);
 
 -o-transform: rotate(-3deg);
 
 -ms-transform: rotate(-3deg);
 
 transform: rotate(-3deg);
 
 
 
 
 
 box-shadow: 0px 0px 0px transparent;
 
 -moz-box-shadow: 0px 0px 0px transparent;
 
 -webkit-box-shadow: 0px 0px 0px transparent;
 
 padding:10px; 
 
 width:300px;
 
 height:270px;
 
 position:relative;
 
 left: 225px;
 
 margin-top:-590px;
 
 }
 
 
 
 
 
 
 
 .post-it5 {
 
 background: url(dsj/orange.png) no-repeat center;
 
 background-position: -30px 0px;
 
 background-size: 100% 100%;
 
 -moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
 
 -o-background-size: 100%; /* Opera 9.5 */
 
 -webkit-background-size: 100%; /* Safari 3.0 */
 
 -khtml-background-size: 100%; /* Konqueror 3.5.4 */
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 -moz-transform: rotate(1deg);
 
 -webkit-transform: rotate(1deg);
 
 -o-transform: rotate(1deg);
 
 -ms-transform: rotate(1deg);
 
 transform: rotate(1deg);
 
 
 
 
 
 box-shadow: 0px 0px 0px transparent;
 
 -moz-box-shadow: 0px 0px 0px transparent;
 
 -webkit-box-shadow: 0px 0px 0px transparent;
 
 padding:10px; 
 
 width:270px;
 
 height:200px;
 
 position:relative;
 
 right:280px;
 
 margin-top:10px;
 
 }
 
 
 
 
 
 .post-it6 {
 
 background: url(dsj/light-blue.png) no-repeat center;
 
 background-position: -30px 0px;
 
 background-size: 100% 100%;
 
 -moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
 
 -o-background-size: 100%; /* Opera 9.5 */
 
 -webkit-background-size: 100%; /* Safari 3.0 */
 
 -khtml-background-size: 100%; /* Konqueror 3.5.4 */
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 -moz-transform: rotate(2deg);
 
 -webkit-transform: rotate(2deg);
 
 -o-transform: rotate(2deg);
 
 -ms-transform: rotate(2deg);
 
 transform: rotate(2deg);
 
 
 
 
 
 box-shadow: 0px 0px 0px transparent;
 
 -moz-box-shadow: 0px 0px 0px transparent;
 
 -webkit-box-shadow: 0px 0px 0px transparent;
 
 padding:10px; 
 
 width:270px;
 
 height:190px;
 
 position:relative;
 
 left:29px;
 
 margin-top:20px;
 
 }
 
 
 
 
 
 .post-it7 {
 
 background: url(dsj/green.png) no-repeat center;
 
 background-position: -30px 0px;
 
 background-size: 100% 100%;
 
 -moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
 
 -o-background-size: 100%; /* Opera 9.5 */
 
 -webkit-background-size: 100%; /* Safari 3.0 */
 
 -khtml-background-size: 100%; /* Konqueror 3.5.4 */
 
 -moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
 
 -moz-transform: rotate(2deg);
 
 -webkit-transform: rotate(2deg);
 
 -o-transform: rotate(2deg);
 
 -ms-transform: rotate(2deg);
 
 transform: rotate(2deg);
 
 
 
 
 
 box-shadow: 0px 0px 0px transparent;
 
 -moz-box-shadow: 0px 0px 0px transparent;
 
 -webkit-box-shadow: 0px 0px 0px transparent;
 
 padding:10px; 
 
 width:270px;
 
 height:250px;
 
 position:relative;
 
 left:400px;
 
 margin-top:-390px;
 
 }

Vil blive super glad hvis der var en der ku� hj�lpe.

P� forh�nd mange tak.

/Peace

div template (3 in row)

Wed, 04 Apr 2012 17:41:29 GMT

Hej Udvikleren.

Har f�rhen lavet hjemmeside layouts i table, og synes det har fungeret udem�rket. Men en bekendt sagde at af SEO og andre grunde at man skal lave det i div-tags.

Har aldrig arbejdet med div-tags, og derfor rendt ind i et problem med mit layout. Jeg skal have tre div-tags til at ligge ved siden af hinanden, uden nogen form for mellemrum. Har brugt "float: left" og float: right", og p� den i midten brugt "margin-left: auto" og margin-right: auto".

Ved at g�re det p� denne m�de er det kun div-tag til venstre og midten der kommer p� samme linje. Hvad g�r jeg forkert?

index.html:

HTML kode

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link href="css/style-div.css" rel="stylesheet" type="text/css">
 </head>
 
 <body class="body">
 
  <!--- hoved start --->
  
  <div class="hoved">
  
  <!--- menu start --->
  
  <div class="menu-v"> menu-v </div>
  <div class="menu"> menu </div>
  <div class="menu-h"> menu-h </div>
  
  <!--- menu stop --->
  
  <!--- position start --->
  
  <div class="position-v"> position-v </div>
  <div class="position"> position </div>
  <div class="position-h"> position-h </div>
  
  <!--- position stop --->
  
  <!--- slideshow start --->
  
  <div class="slide-v"> slide-v </div>
  <div class="slide"> slide</div>
  <div class="slide-h"> slide-h </div>
  
  <!--- slideshow stop --->
  
  <!--- main start --->
  
  <div class="main-v"> main-v </div>
  <div class="main"> main </div>
  <div class="main-h"> main-h </div>
  
  <!--- main stop --->
  
  <!--- bottom start --->
  
  <div class="bottom-v"> bottom-v </div>
  <div class="bottom"> bottom </div>
  <div class="bottom-h"> bottom-h </div>
  
  <!--- bottom stop --->
  
  <!--- hoved stop --->
  
  </div>
  
 </body>
 </html>

style.css:

CSS kode

 @charset "utf-8";
 .body {
     margin: 0px;
 }
 .hoved {
     height: 100%;
     width: 100%;
 }
 
 .menu {
     width: 1000px;
     background-color: #2b8bc7;
     border-style: solid;
     border-width: thin;
     margin-left: auto;
     margin-right: auto;
 }
 .menu-v {
     background-color: #2b8bc7;
     float: left;
 }
 .menu-h {
     background-color: #2b8bc7;
     float: right;
 }
 
 
 .position {
     width: 1000px;
     background-color: #7dbee6;
     border-style: solid;
     border-width: thin;
 }
 .position-v {
     background-color: #7dbee6;
     border-style: solid;
     border-width: thin;
 }
 .position-h {
     background-color: #7dbee6;
     border-style: solid;
     border-width: thin;
 }
 
 .slide {
     width: 1000px;
     border-style: solid;
     border-width: thin;
 }
 .slide-v {
     border-style: solid;
     border-width: thin;
 }
 .slide-h {
     border-style: solid;
     border-width: thin;
 }
 
 
 .main {
     width: 1000px;
     background-color: #7dbee6;
     border-style: solid;
     border-width: thin;
 }
 .main-v {
     background-color: #7dbee6;
     border-style: solid;
     border-width: thin;
 }
 .main-h {
     background-color: #7dbee6;
     border-style: solid;
     border-width: thin;
 }
 
 .bottom {
     width: 1000px;
     background-color: #2b8bc7;
     border-style: solid;
     border-width: thin;
 }
 .bottom-v {
     background-color: #2b8bc7;
     border-style: solid;
     border-width: thin;
 }
 .bottom-h {
     background-color: #2b8bc7;
     border-style: solid;
     border-width: thin;
 }

Design problemer med margen

Sat, 11 Feb 2012 12:44:14 GMT

Hej, jeg er igang med et design til et forum, og i den forbindelse er jeg l�bet ind i et problem med denne kode:

HTML kode

 <table width="617px" border="0">
   <tr>
       <td style="border:1px solid #8795A9; margin:0px;">
     
     <div id="forumtop" style="background-image:url(forumtop3.gif); height:35px;">
     
         <div id="forumoverskrifttop" style="text-align:center; font-size:14px;">
         <b>Hvad synes du om dette?</b>
         </div>
         
         <div id="forumstartetaf" style="text-align:left; font-size:10px; width:300px; float:left;" align="left">Startet af: Morten</div>
         
         <div id="forumtidspunkt" style="text-align:right; font-size:10px;" align="left">Startet d. 11.02.2012 kl. 13.13</div>
     
     </div>
     
     <div id="forumindhold" style="text-align:left; font-size:12px; width:617px; margin:3px;">
       <p>Hvad synes I om dette design? Er det okay eller hvad??</p>
       <p>Eller har du selv en bedre ide???</p>
     </div>
     
     <div id="forumbund" style="background:url(forumbund.gif); text-align:center; font-size:10px; height:15px;">
     
         Der er skrevet <b>2</b> indlæg til denne debat, og debatten er blevet set <b>107</b> gange
     
     </div>
     
       </td>
  </tr>
 </table>

Det som der sker er et der ligesom kommer en margen f�r min border. I kan se det p� dette billede:

http://billedeupload.dk/upload/files/2012-02/05b3ec43.png

Det er den hvide kant, f�r min border kant, jeg er ude efter og f� v�k. I min kode har jeg sat margin til 0, dog uden resultat, nogle der kan hj�lpe mig?

Opbygge side i DIVS

Tue, 07 Feb 2012 17:29:45 GMT

Hejsa,

Jeg er ved at opbygge en hjemmeside, s� det hele bliver opbygget i tabeller og divs, og jeg skal i den forbindelse bruge lidt hj�lp.

Hjemmesiden bliver opbygget i top og bund, ogs� har jeg et sp�rgsm�l da jeg bruger en del scripts p� siden ogs�, om et javascript SKAL st� i headeren, eller om jeg kan f� det ind p� de enkelte sider, n�r det skal bruges?

Derudover skal jeg h�re om man kan s�tte en fast h�jde p� en <div>, og hvis indholdet s� overstiger denne h�jde, s� laver den en scroll.

CSS div's

Sat, 28 Jan 2012 16:39:42 GMT

Hej k�re udviklere.

Jeg har et lille problem.
Jeg er ved at lave et fullscreen website design.. Dette betyder at jeg har et logo, en footer, to menuer (h�jre og venstre side) og indhold i midten. Mit problem er, at jeg ved ikke hvordan man f�r menu-div'erne til at g� hele vejen fra logoet til footeren, idet det skal fylde hele siden.. Er der nogen der har en id� om, hvordan man g�r dette?

Hvis ikke i forst�r hvad jeg mener helt pr�cist, s� bare sp�rg!

P� forh�nd, tak!

Wrapper over alle divs

Wed, 03 Aug 2011 14:02:56 GMT

Jeg har en wrapper-div, som jeg vil have til at omkranse alle mine divs - indholdet af nogle af disse divs variere i l�ngde alt efter indholdet i dem. Hvordan sikrer jeg at wrapperen d�kker uanset om siden er "lang" eller "kort"?

H�ber det giver mening.

Mvh
Jeppe

Div's ved siden af hinanden

Wed, 03 Aug 2011 12:48:08 GMT

Hej!

Jeg har f�lgende div's, som jeg gerne vil have placeret ved siden af hinanden.

Jeg vil gerne have placeret det noget ala s�dan her:

Logo Topbanner
Logo Topmenu

Jeg har en div for hver enkelt af de 3, samt en "header", der gerne skulle omkranse dem alle.

HTML kode

 <html>
     <head>
         <link rel="stylesheet" type="text/css" href="style/style.css">
     </head>
     
     <body>
         <div id="wrapper">
             <div id="header">
                 <div id="logo">
                 <?php include("logo.php"); ?>
                 </div>
                 
                 <div id="topbanner">
                     <?php include("topbanner.php"); ?>
                 </div>
                 
                 <div id="topmenu">
                     <?php include("topmenu.php"); ?>
                 </div>
             </div>
             <div id="leftside">
                 <div id="leftmenu">
                 </div>
                 
                 <div id="leftbanner">
                 </div>
             </div>
             <div id="rightside">            
                 <div id="content">
                 </div>
             </div>
             <div id="footer">
             </div>
         </div>
     </body>
 </html>

CSS kode

 body {
     text-align: center;
 }
 
 #wrapper {
     margin-left: auto;
     margin-right: auto;
     width: 1148px;
     height: 100%;
 }
 
 #header {
     top: 0px;
     height: 160px;
     padding: 10px;
 }
 
 #logo {
     position: relative;
     width: 400px;
     height: 160px;
     padding: 10px;
 }
 
 #topbanner {
     position: relative;
     padding: 10px;
 }
 
 #topmenu {
     position: relative;
     padding: 10px;
 }

Er det n�dvendigt at skrive top: -xxxx px; ved topbanner og topmenu?

H�ber i forst�r sp�rgsm�let.

P� forh�nd tak.
Venlig Hilsen
Jeppe

Div position fixed

Thu, 14 Jul 2011 14:47:26 GMT

Hej alle

Jeg har lavet en div boks i bunden af min side med position fixed. Har nu f�et det problem at en af mine bokse g�r op over og ikke under min fixed boks. Hvordan forhindrer jeg dette?

CSS kode

 div.ramme{
 position:absolute;
 left:25%;
 top:25%;
 height:80%;
 width:50%;
 border:1px solid black;
 background-color:white;
 border-radius:6px;
 }
 div.topmenu{
 position: fixed;
 right: 0;
 bottom:0px;
 border:1px solid black;
 background-image:url("topmenu.png");
 width:100%;
 height:30px;
 border-radius:6px;
 }

css div

Mon, 18 Apr 2011 11:45:01 GMT

hej udvikleren
jeg har et problem med min div i css'en
jeg vil nemlig gerne have min div center
hvor dan g�r jeg dette

CSS kode

 div#bestilling {
     height: 500px;
     float: left;
     width: 680px;
 }

kan det ikke godt lade sig g�re