/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Kan ikke få min bredde på detail til at pa~
Fra : Ebola


Dato : 23-07-04 15:44

Jeg sidder ligenu og leger med at lave hjemmesider i CSS, men
desværre virker min detail ikke og jeg fatter absolut ikke hvad
der går galt.

Følgende er hjemmesiden.

<html>
<head>
<title>Design prøve 1 - Div span (layers)</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="top">
      Dette vil blive en top menu på alle sider
</div>
   <div id="header">
      <table height="100%" width="100%"><tr><td align="center"
valign="middle">
      Toxic Design
      </td></tr></table>
   </div>
<div id="menu">
      <div id="main">
       <ul>
          <li>Forsiden
          <li>Forum
         <li>Om sitet
       </ul>Menu
    </div>
   <div id="detail">
      Detail indeholder nu også data
   </div>
</body>
</html>

og følgende er CSS filen:

#top {
   float:         left;
   width:         103%;
   height:         20;
   left:         0px;
   top:         0px;
   position:      absolute;
   background-color:   0066cc;
}
#header {
   float:         left;
   width:         103%;
   height:         100;
   left:         0px;
   top:         22px;
   position:      absolute;
   background-color:   cccccc;
}
#menu {
   float:         left;
   width:         140px;
   height:         75%;
   left:         0px;
   top:         130px;
   position:      absolute;
   background-color:   ffffff;

   border-right-width:    1px;   
   border-right-style:    solid;   
   border-right-color:    cccccc;
}
#main {
   float:         left;
   width:         120px;
   left:         10px;
   top:         2px;
   position:      absolute;
   background-color:   ffffff;

   border-style:      solid;
   border-width:      1px;
   border-color:      cccccc;
   z-index
}
#detail {
   width:         100%;
   height:         75%;
   left:         150px;
   top:         8px;
   position:      absolute;
   background-color:   ffffff;
}

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Martin Jørgensen (23-07-2004)
Kommentar
Fra : Martin Jørgensen


Dato : 23-07-04 15:58

Ebola wrote in dk.edb.internet.webdesign.html:
> Jeg sidder ligenu og leger med at lave hjemmesider i CSS, men
> desværre virker min detail ikke og jeg fatter absolut ikke hvad
> der går galt.


Du har glemt en slut div til sidst, lige efter din detail.
Sådan her:
<div id="detail">
Detail indeholder nu også data
</div>
</div>
</body>
</html>

Mvh
Martin Jørgensen

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ebola (23-07-2004)
Kommentar
Fra : Ebola


Dato : 23-07-04 16:10

Jeg vil nu mene at den er pænt afsluttet med </div> i 3. linie

> <div id="detail">
> Detail indeholder nu også data
> </div>
> </body>
> </html>


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Martin Jørgensen (23-07-2004)
Kommentar
Fra : Martin Jørgensen


Dato : 23-07-04 16:25

Ebola wrote in dk.edb.internet.webdesign.html:
> Jeg vil nu mene at den er pænt afsluttet med </div> i 3. linie
>
> > <div id="detail">
> > Detail indeholder nu også data
> > </div>
> > </body>
> > </html>
>
>

Når at jeg sætter det sidste slut div ind, og ændre noget i css
filen, virker det fint.

Prøv at se på de 2 billeder som viser hvad jeg mener:
http://www.darkskies.dk/test.jpg
http://www.darkskies.dk/test1.jpg

På test1, kan du se at din <div id="menu"> ikke er sluttet af.

Mvh
Martin Jørgensen

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (23-07-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 23-07-04 16:59

Ebola wrote:
> Jeg vil nu mene at den er pænt afsluttet med </div> i 3. linie
>
>> <div id="detail">
>> Detail indeholder nu også data
>> </div>
>> </body>
>> </html>

Det er ikke den div, der ikke er lukket. men se her:

<div id="menu">
<div id="main">
<ul>
<li>Forsiden
<li>Forum
<li>Om sitet
</ul>Menu
</div>

Kun den ene af disse div'er er lukket.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Knud Gert Ellentoft (23-07-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 23-07-04 17:29

Ebola skrev:

><table height="100%">

Er ikke valid html.

Du kan bruge css til at sætte height på en tabel med, men forvent
ikke at det altid vil give det tilsigtede resultat.

Du bør også huske at sætte en doctype, helst en, der sætter
browseren i standard mode.

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

eller bedre

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

Ved sidstnævnte skal al formatering skrives i css, og dvs. at
f.eks (td align=...> ikke er tilladt.

Overvej at gå over til xhtml.
--
Knud

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste