Søg
Avatar billede mccookie Seniormester
16. januar 2006 - 20:32 Der er 21 kommentarer og
1 løsning

padding på elementer

Hejsa

http://www2.spejdernet.dk/klatring/middesign.php

Min elementer menu, content, right vil jeg gerne have noget luft op mod toplogoet....hvordan fikser jeg det?

Jeg har prøvet at placere padding flere steder uden det ønskede resultat!
Avatar billede mstorgaard Praktikant
16. januar 2006 - 20:35 #1
Sætter
padding-top: 10px;
ind på de elementer du vil have skubbet lidt ned
Avatar billede Slater Ekspert
16. januar 2006 - 20:40 #2
Eller rettere: margin-top på de elementer du vil have skubbet ned, eller padding-top på deres parent elementer.
Avatar billede mccookie Seniormester
16. januar 2006 - 20:43 #3
tricket er samtidigt at de 3 kolonner skulle stå under toplogoet...
Avatar billede mccookie Seniormester
16. januar 2006 - 20:54 #4
Jeg har ikke lige overblik over hvorfor den ikke opfører sig ordentligt den dumme tabel....

Er der nogen der kan gennemskue det?
Avatar billede olebole Juniormester
16. januar 2006 - 21:58 #5
<ole>

Uden en fuld DTD, understøtter IE ikke væsentlige dele af CSS - som f.eks. box-modellen (det er den, der bestemmer, hvor og hvordan padding, border og margin skal renderes). En fuld DTD kan f.eks. se sådan ud:

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

/mvh
</bole>
Avatar billede olebole Juniormester
16. januar 2006 - 21:59 #6
- og den skal skrives før <html>-tagget
Avatar billede johan.o Nybegynder
16. januar 2006 - 22:25 #7
Er det dette du leder efter :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Midlertidig side</title>
<style>

table {
border-collapse: collapse;
width: 100%;
}

td {
border: 1px solid blue; }

</style>
</head>

<body>

<table>
<tr>
  <td colspan="3" style="text-align: center;"><img style="margin-bottom: 50px;" src="toplogo.jpg" alt="toplogo"></td>
</tr>
</table>
<table>
<tr>
  <td style="width: 150px;">1</td>
  <td>2</td>
  <td style="width: 150px;">3</td>
</tr>
</table>

</body>
</html>

Mvh. Johan
Avatar billede mccookie Seniormester
16. januar 2006 - 22:35 #8
Johan>>

Jeg ville gerne om muligt have kolonner til 100% i højden!
Avatar billede mccookie Seniormester
16. januar 2006 - 22:55 #9
Når man bruger:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

Kan man så ikke lave en height på tabel på 100% ?? ?
Avatar billede mccookie Seniormester
16. januar 2006 - 22:57 #10
Tilsvarende kan jeg uden problemer angive den til 1000px og det virker fint!
Avatar billede olebole Juniormester
16. januar 2006 - 22:58 #11
- jo, men så opfører IE sig pludselig som den skal i forhold til box-modellen ... og så skal alle relative højder beregnes udfra det omkransende elements højde:

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
Avatar billede mccookie Seniormester
16. januar 2006 - 23:00 #12
olebol = indtil flere leksika ;) super
Avatar billede mccookie Seniormester
16. januar 2006 - 23:17 #13
Nu er jeg startet igen fra bunden

http://www2.spejdernet.dk/klatring/middesign1.php

Mine 3 kolonner skulle gerne være height på 100% hvad gør jeg forkert?
Avatar billede olebole Juniormester
16. januar 2006 - 23:20 #14
"og så skal alle relative højder beregnes udfra det omkransende elements højde"
- det gælder altid - og for alle elementer. Skal en tabel, der ligger i en td have 'height:100%', skal td'en også være 100% høj ... osv  :)
Avatar billede olebole Juniormester
16. januar 2006 - 23:21 #15
- men der er ikke en CSS-værdi, der f.eks. hedder '100% minus 100px'
Avatar billede mccookie Seniormester
16. januar 2006 - 23:28 #16
Nej, det kunne jeg næsten forstille mig....

Min idé er at bruge en tabel der ser sådan ud:

-------------------------------
|                            |
-------------------------------
|    |                |      |
|    |                |      |
|    |                |      |
|    |                |      |
|    |                |      |
|    |                |      |
|    |                |      |
|    |                |      |
|    |                |      |
-------------------------------
|                            |
-------------------------------

og hvor mine kolonner skal være 100% kolonner. og rundt om skidtet skal der være en ydre tabel så den tabel ovenfor står i center.

Nu har jeg skitseret min idé
Avatar billede mccookie Seniormester
16. januar 2006 - 23:44 #17
Jeg har forsøgt min igen.....men det er ligesom panden rendes mod en mur!

http://www2.spejdernet.dk/klatring/middesign2.php
Avatar billede roenving Novice
17. januar 2006 - 16:26 #18
Hvis det skal passe præcis ind i brugerens vindue, kender jeg ingen andre muligheder end at arbejde med skygge-elementer osv. se f.eks. http://www.eksperten.dk/spm/488278 ...

-- og hvad der sker i dit forsøg 2 kan jeg ikke gennemskue, for f.eks. følgende fungerer, som man kan forvente:

<!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">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
.minTabel{width:100%;height:100%;text-align:center;border-collapse:collapse;}
.minTabel td{margin:0;padding:0;}
.side{width:150px;height:100%;background:red;}
.topBottom{height:100px;background:green;}
</style>
<title>Tomt dokument</title>
</head>

<body onresize onload>
  <table class="minTabel">
    <tr>
      <td colspan="3" class="topBottom">Top</td>
    </tr>
    <tr>
      <td class="side">Left</td>
      <td>content</td>
      <td class="side">Right</td>
    </tr>
    <tr>
      <td colspan="3" class="topBottom">Bottom</td>
    </tr>
  </table>
</body>

</html>
Avatar billede mccookie Seniormester
17. januar 2006 - 17:40 #19
Nu er det perfekt hvs jeg undlader doctype - Hvorfor?
Avatar billede mccookie Seniormester
17. januar 2006 - 17:47 #20
Jeg har forsøgt efter bedste evene at følge oleboles indlæg om at alt skal have en højde for at det kan blive 100%
Avatar billede mccookie Seniormester
17. januar 2006 - 17:58 #21
Lukker dette og opretter et nyt!

Smider i nogle svar og jeg kvitterer herefter med point ;)
Avatar billede mccookie Seniormester
09. oktober 2006 - 14:48 #22
Lukker
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
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »