Søg
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 10:52 Der er 21 kommentarer og
1 løsning

align right med css?

jeg har sat hele siden til at være centreret men jeg har en menu jeg gerne vil have ude til højre. problemet er at når jeg indsætter <div id="right"> så bliver det hele sat til VENSTRE!!! why??

///// index.php /////

    <div id="right">
    <div id="menu">
            khkhkh<br /><br />dkljdl
    </div>
    </div>

///// style.css /////

#right { text-align: right; }

#menu { background-color: #C5E7F6;
    width: 200px;
    text-align: left;
    text-valign: top;}
Avatar billede softspot Forsker
03. oktober 2005 - 10:54 #1
Du skal nok specificere en bredde på #right og #menu for at det kommer til at fungere...
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 10:56 #2
hmm... nu bliver den bare sat tilbage til midten... men ndet er jo halvejs... ;)
Avatar billede softspot Forsker
03. oktober 2005 - 11:17 #3
Hvilke bredde har du givet dem? Hvis du sætter en border på, så er det måske lettere at se om du opnår det du vil... :)
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 11:18 #4
de her begge en brede på 200px prøver lige borderen...
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 11:19 #5
de ligger begge i midten...
Avatar billede softspot Forsker
03. oktober 2005 - 11:23 #6
Har du lyst til at poste hele dit dokument her?
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 11:30 #7
///// index.php /////
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
        <meta name="keywords" content="Unisport24, Unisport, unisport, unisport24, unisport 24, sportsudstyr, sport, tøj" />
<META NAME="Description" CONTENT="Unisport24" />
        <meta name="generator" content="Unisport24" />
        <title>Unisport24</title>


<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript">
<!--
function confirmSubmit(text)
{
var agree=confirm(text);
if (agree)
    return true ;
else
    return false ;
}
// -->
</script>
</head>
<body style="margin: 0">
<div align="center">
<div id="bg_top">

</div>
<div id="bg_mid">
    <div id="right">
    <div id="menu">
            khkhkh<br /><br />dkljdl
    </div>

    </div>
</div>
<div id="bg_bottom">

</div>
</div>
</body>
</html>

///// style.css /////

body { background-color: #E7E7E7;
      font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#bg_top { background-image: url("images/bg_top.jpg");
      background-repeat: no-repeat;
      width: 780px;
      height: 20px; }

#bg_mid { background-image: url("images/bg_mid.jpg");
      width: 780px; }

#bg_bottom { background-image: url("images/bg_bottom.jpg");
        background-repeat: no-repeat;
        width: 780px;
        height: 20px; }

#right { text-align: right;
    text-valign: top;
    width: 200px;
    border: 1px solid black; }

#menu { background-color: #EEFAFF;
    width: 200px;
    text-align: left;
    text-valign: top;
    border: 1px solid black;}

#main { }
Avatar billede softspot Forsker
03. oktober 2005 - 11:36 #8
Først og fremmest skal du have en fuldt kvalificeret DOCTYPE (da IE ellers ikke vil fortolke dit stylesheet korrekt). Det så f.eks. således ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Desuden skal bredden af det div du højrestiller være større end bredden af det div der skal højrestilles for at du kan se en effekt...
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 11:38 #9
så breden skal være 202?
Avatar billede softspot Forsker
03. oktober 2005 - 11:39 #10
Hvis du f.eks. sætter bredden af #right til 400px så vil du se at #menu højrestilles (i fht. #right).
Avatar billede softspot Forsker
03. oktober 2005 - 11:39 #11
Hvad er det du vil opnå? Det lyder til at du forventer et eller andet som ikke helt svarer til det du gør...
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 11:40 #12
hmm.-... gav samme resultat,...
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 11:47 #13
jeg vil gerne have menuen helt ud til højre...
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 11:53 #14
her kan du se hvad jeg vil... grunden til et jeg ikke bruger tables er at jeg gerne vil gøre det med div

http://www.deadgiraf.dk/eks.jpg
Avatar billede softspot Forsker
03. oktober 2005 - 12:04 #15
Jeg har prøvet at lægge det hele ind i samme dokument og når jeg kører det i IE 6.0, så ser det godt nok ud til at den rykker #menu ud til højre i #right-elementet...

<%@ language="vbscript" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
  <meta name="keywords" content="Unisport24, Unisport, unisport, unisport24, unisport 24, sportsudstyr, sport, tøj" />
  <META NAME="Description" CONTENT="Unisport24" />
  <meta name="generator" content="Unisport24" />
  <title>Unisport24</title>


  <!--link rel="stylesheet" type="text/css" href="style.css" media="screen" /-->
  <style type="text/css">
    body {
      background-color: #E7E7E7;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;}

    #bg_top {
      background-image: url("images/bg_top.jpg");
      background-repeat: no-repeat;
      width: 780px;
      height: 20px; }

    #bg_mid {
      background-image: url("images/bg_mid.jpg");
      width: 780px; }

    #bg_bottom {
      background-image: url("images/bg_bottom.jpg");
      background-repeat: no-repeat;
      width: 780px;
      height: 20px; }

    #right {
      text-align: right;
      text-valign: top;
      width: 400px;
      border: 1px solid black; }

    #menu {
      background-color: #EEFAFF;
      width: 200px;
      text-align: left;
      text-valign: top;
      border: 1px solid black;}

    #main { }
  </style>
  <script type="text/javascript">
  <!--
    function confirmSubmit(text)
    {
      var agree=confirm(text);
      if (agree)
        return true ;
      else
        return false ;
    }
  // -->
  </script>
</head>
<body style="margin: 0">
  <div align="center">
    <div id="bg_top">

    </div>
   
    <div id="bg_mid">
      <div id="right">
        <div id="menu">
          khkhkh<br /><br />dkljdl
        </div>
      </div>
    </div>

    <div id="bg_bottom">

    </div>
  </div>
</body>
</html>
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 12:12 #16
men jeg vil gerne have at right bliver helt ude til højre i siden... har du kigget på http://www.deadgiraf.dk/eks.jpg ??? og gir det mening?
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 12:26 #17
det kan løses med fload... men hvis jeg har 2 div bokse så skifter de lionie... hvordan får jeg dem til at stå på samme linie...??
Avatar billede softspot Forsker
03. oktober 2005 - 12:42 #18
Ja, jeg har kigget på det billede du linkede til. Det eneste jeg får ud af det er at du vil have noget til at flyde ud til højre, hvilket det allerede gør, så det kan jeg ikke rigtig se mere i. Hvad der ligger i at teksten er drejet ved jeg ikke, så det har jeg set bort fra.

Hvis du skal have noget til at flyde med float, skal du også være ret specifik med bredderne på de elementer der skal flyde...

Kan du evt. prøve at tegne nogle linie på den grafik så man kan se de forskellige elementers udstrækning...?
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 12:43 #19
fand selv løsningen...

LUKKET
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 12:45 #20
kode... til løsningen...

///// index.php /////

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
        <meta name="keywords" content="Unisport24, Unisport, unisport, unisport24, unisport 24, sportsudstyr, sport, tøj" />
<META NAME="Description" CONTENT="Unisport24" />
        <meta name="generator" content="Unisport24" />
        <title>Unisport24</title>


<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript">
<!--
function confirmSubmit(text)
{
var agree=confirm(text);
if (agree)
    return true ;
else
    return false ;
}
// -->
</script>
</head>
<body style="margin: 0">
<div align="center">
<div id="bg_top">

</div>
<div id="bg_mid">
<div id="uber">
    <div id="main">
        main<br /><br /><br /><br /><br />hoæhæh<br /><br /><br /><br /><br /><br /><br /><br />jækjhækjh<br />ds
    </div>

    <div id="menu">
            khkhkh<br /><br />dkljdl<br /><br /><br /><br /><br /><br /><br />sdops<br /><br />s
    </div>
</div>
</div>
<div id="bg_bottom">

</div>
</div>
</body>
</html>

///// style.css /////

body { background-color: #E7E7E7;
      font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#bg_top { background-image: url("images/bg_top.jpg");
      background-repeat: no-repeat;
      width: 780px;
      height: 20px; }

#bg_mid { background-image: url("images/bg_mid.jpg");
      width: 780px; }

#bg_bottom { background-image: url("images/bg_bottom.jpg");
        background-repeat: no-repeat;
        width: 780px;
        height: 20px; }

#uber { margin-right: 20px;
    margin-left: 20px; }

#menu { background-color: #EEFAFF;
    width: 200px;
    text-align: left;
    text-valign: top;
    float: right;
    display: inline; }

#main { width: 540px;
    text-align: left;
    text-valign: top;
    float: left;
    display: inline; }
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 12:45 #21
men softspot kan du ikke så hjælpe mig med et andet problem?
Avatar billede hkb-x Nybegynder
03. oktober 2005 - 12:50 #22
problem: http://www.eksperten.dk/spm/652903
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »