Søg
Avatar billede kappel Nybegynder
04. august 2005 - 11:38 Der er 13 kommentarer og
1 løsning

Margin mellem tekst og content

Hej

Jeg bruger css (ekternt stylesheet) og php.
#content {} er hovedindholdet på min sider, alle mine sider er lavet uden tabeller, men det resulterer i at der ingen afstand er imellem teksten på siden og afgrænsningen af #content {}

Her kan I se hvad jeg mener: http://3dgis.dk/index.php?menu=bvl_trin1

Jeg vil gerne have luft omkring teksten.

Kan man sætte noget op i stylesheet, har prøvet noget padding, men  det virker ikke.

Håber i forstår, ellers mp i sige til.

Mvh. Kappel
Avatar billede busschou Praktikant
04. august 2005 - 11:44 #1
Du kan vel sætte en positionering på din #content så den giver fx 10px afstand fra venstre

en anden ting er hvor er dit <body> tag i den frame ?
Avatar billede roenving Novice
04. august 2005 - 11:48 #2
Padding virker da ganske udmærket ?-)

-- du skal blot huske at padding så skal fratrækkes elementets bredde !-)
Avatar billede softspot Forsker
04. august 2005 - 11:53 #3
roenving >> er det ikke med undtagelse af IE (eller afhænger det af DTD)?
Avatar billede roenving Novice
04. august 2005 - 11:57 #4
Det afhænger ganske rigtigt af, om IE er i quirks-mode eller standards-mode ...

-- men kappels side er i standards-mode og vil derfor overholde box-modellen, hvor et elements totalbredde beregnes ved at tillægge element-bredden margin, border-width og padding (evt. *2 !-)
Avatar billede softspot Forsker
04. august 2005 - 11:58 #5
hvordan skelner du mellem quirks-mode og standards-mode?
Avatar billede kappel Nybegynder
04. august 2005 - 12:02 #6
skal jeg bruge padding-left og padding padding-right?

har nu følgende:
    padding-top:60px;
    padding-bottom:2px;
Avatar billede roenving Novice
04. august 2005 - 12:03 #7
I ie vil det ganske rigtigt være afhængig af, at man linker til dtd'en i sit doctype-tag ...

-- en simpel måde at teste det på, er at skrive dette i adresselinjen og trykke enter:

java script:void(alert(document.compatMode))

På eksperten vil man opdage, at mange vigtige css-ting er disabled i IE, og det er fordi browseren åbenbart bruger en hvilkensomhelst undskyldning for at undgå at gå i standards-mode, her er det xml-deklarationen før doctype-tagget ...

Så hvis man vil være sikker på, at også IE overholder de ting, skal man skrive et fuldt kvalificeret doctype-tag inklusive dtd-linket !-)
Avatar billede roenving Novice
04. august 2005 - 12:05 #8
... som den allerførste linje !-)

>>kappel

Ja, f.eks.

padding: 60px 15px 2px 15px;

-- så vil elementet blive 30px bredere ...
Avatar billede kappel Nybegynder
04. august 2005 - 12:18 #9
jeg bruger firefox, og der sker der noget her: http://3dgis.dk/index.php?menu=bvl_weblog

men ikke her: http://3dgis.dk/index.php?menu=bvl_trin1

I IE laver den luft om alle, men selvom jeg har mindsket bredden med 30 px, så går den ud over...

Jeg kan ikke helt gennemskue det :-)
Avatar billede roenving Novice
04. august 2005 - 12:36 #10
Jeg tror det er fordi dine billeder er for brede til at den indre div kan beholde sin bredde, så den bliver udvidet !-)

-- hvis du vil have den til at holde sin størrelse, skal du sætte overflow på, f.eks. overflow:auto; eller overflow-x:auto;overflow:-moz-scrollbars-horizontal; ...

-- iøvrigt er din side et mærkeligt misk-mask af html3-kode og noget nyere repræsenteret af f.eks. dit stylesheet ...

F.eks. afslutter du ikke tags (som det slet ikke var nødvendigt i 3.2, men kraftig anbefales i html4 !-)

<tr>
  <td>
  <td>
  <td><div align="right">AUGUST 2005

  </div>

</tr>
Avatar billede kappel Nybegynder
04. december 2005 - 07:41 #11
smid et svar eller ej ;)
Avatar billede roenving Novice
06. december 2005 - 12:13 #12
Oki '-)
Avatar billede roenving Novice
07. december 2005 - 09:27 #13
-- og tak for point ;~}
Avatar billede kappel Nybegynder
07. december 2005 - 15:15 #14
lige over
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 16:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
08/0812:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821: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
White papers
Flere white papers »