Søg
Avatar billede mpjc Nybegynder
12. september 2005 - 19:05 Der er 19 kommentarer og
1 løsning

Lave div /div

Hej!

Jeg har en hjemmeside, hvor på jeg ønsker at indsætte koden til <div> </div>, men jeg er løbet ind i et problem, jeg ønsker nemlig have flg:

en top ( går meget godt )
en menu ( går også godt )
en nyheds/reklame ( det er her problemet er )
en bund ( går også godt )

Altså hvordan får jeg lavet den nyheds/reklame <div> </div> hvis det hele skal være centreret?
Avatar billede olebole Juniormester
12. september 2005 - 20:02 #1
<ole>

Det kommer jo helt anpå, hvordan det skal se ud  :)

/mvh
</bole>
Avatar billede olebole Juniormester
12. september 2005 - 20:02 #2
- og hvordan du har lavet resten
Avatar billede roenving Novice
12. september 2005 - 22:53 #3
Sæt en div rundt om det hele !-)
Avatar billede mpjc Nybegynder
13. september 2005 - 14:40 #4
Hej!

Jeg kunne godt tænke mig at "rammerne" ligner dette på billedet... ( bae uden mellemrum i mellem ). http://www.mpjc.dk/div.gif

Samtidig med det skal de være centreret!

Nogle som kan hjælpe med det?
Avatar billede mpjc Nybegynder
13. september 2005 - 14:41 #5
*bae=bare
Avatar billede roenving Novice
13. september 2005 - 15:05 #6
F.eks.

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

<head>

<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;
  background:#eee;
}
#site{width:760px;margin:0 auto;}
#banner{height:120px;background:green;}
#minTabel{border-collapse:collapse;}
#minTabel td{margin:0;padding:0;border:0;}
#indhold{height:510px;width:640px;background:#7af;}
#menu{height:510px;width:120px;background:red;}
#bund{height:120px;background:black;color:white;text-align:center;}
</style>
</head>
<body>
<div id="site">
  <div id="banner">Din top</div>
  <table id="minTabel">
    <tr>
      <td>
        <div id="indhold">Dit indhold</div></td>
      <td>
        <div id="menu">Din menu</div></td>
    </tr>
  </table>
  <div id="bund">Din bund</div>
</div>
</body>
</html>
Avatar billede mpjc Nybegynder
13. september 2005 - 19:50 #7
Er den mulig at lave uden tabeller?
Avatar billede roenving Novice
13. september 2005 - 19:52 #8
Hvorfor det ?-)
Avatar billede mpjc Nybegynder
13. september 2005 - 19:56 #9
Kan man ? Eller hvad grunden er at jeg gerne vil have cellpadding: 0; og det godtager w3.org /css validation ikke!
Avatar billede roenving Novice
13. september 2005 - 19:58 #10
-- i ovenstående kode er der da cellpadding 0, bare implementeret via css ?-)
Avatar billede olebole Juniormester
13. september 2005 - 19:58 #11
- mon ikke meningen med roenvings kode var, at du skulle prøve den? Der har du ikke brug for cellpadding="0"  :)
Avatar billede olebole Juniormester
13. september 2005 - 19:59 #12
#minTabel td{margin:0;padding:0;border:0;}  ... padding:0  ;o)
Avatar billede roenving Novice
13. september 2005 - 20:01 #13
-- ovenikøbet er det fuldstændig identisk i de browsere, jeg kender ...
Avatar billede mpjc Nybegynder
14. september 2005 - 12:40 #14
ok... sorry!

Men kan den laves uden tabeller? Altså så der er "4 rammer"
Avatar billede roenving Novice
14. september 2005 - 13:03 #15
Når du skal have to elementer ved siden af hinanden, er den simple cross-browser løsning, at bruge en tabel, da det element bl.a. er skabt til den slags ...

-- hvis det skal implementeres med divs alene, skal man tage højde for en stribe små browser-forskelle, som man fuldstændig undgår at bekymre sig om med tabellen !-)
Avatar billede mpjc Nybegynder
14. september 2005 - 13:07 #16
ok
Avatar billede mpjc Nybegynder
16. september 2005 - 18:51 #17
Så nu er problemet, der igen, jeg kan ikke lukke spørgsmålet...
Avatar billede olebole Juniormester
16. september 2005 - 19:32 #18
- det er vel fordi, roenving ikke har lagt et svar  ;o)
Avatar billede roenving Novice
17. september 2005 - 10:57 #19
-- det må jeg så hellere gøre !-)

Velbekomme '-)
Avatar billede roenving Novice
17. september 2005 - 11:21 #20
-- og tak for point ;~}
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 22:13 Gemme største værdi Af Lemming@privat.dk i Excel
I går 21:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817: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
White papers
Flere white papers »