Avatar billede runeevers Nybegynder
07. december 2002 - 16:06 Der er 17 kommentarer og
1 løsning

Margin mangler

http://rune.nanohak.dk/new/

Problemet vedrører de to hvide dashede boxe hvori indholdet skal ligge. Der burde efter min bedste overbevisning optræde 14px margin mellem den øverste box og toppen.

Nogen der kan gennemskue problematikken?
Avatar billede cdc Novice
07. december 2002 - 16:14 #1
Har du prøvet med en position: absolute; top: ???px; i din style.css
Avatar billede pelkjaer Nybegynder
07. december 2002 - 16:15 #2
Eller også giv #main en margin-bottom:14px;
Avatar billede runeevers Nybegynder
07. december 2002 - 16:28 #3
desværre.. værker ægge
Avatar billede pelkjaer Nybegynder
07. december 2002 - 16:31 #4
Prøv og vis din css så - er doven idag :)
Avatar billede pelkjaer Nybegynder
07. december 2002 - 16:32 #5
Men jeg forstår nu ikke hvis margin-bottom ikke virke.

prøv med padding-bottom istedet.
Avatar billede runeevers Nybegynder
07. december 2002 - 16:34 #6
*{
background: url(gfx/bg.gif);
margin: 0px;
padding: 0px;
font-family: verdana,tahoma,arial;
font-size: 11px;
color: #ffffff;
height: 100%;
}

.main {
background: url(gfx/main_bg.gif);
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
width: 548px;
}

.head {
width: 542px;
height: 97px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 0px;
}

.menu {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 0px;
width: 141px;
height: 168px;
float: left;
}

.menu1 {
width: 70px;
height: 56px;
float: left;
}

.menu2 {
width: 71px;
height: 56px;
float: right;
}

img {
border: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
border-top: 0px;
background: url(gfx/main_bgs.gif);
}

.photo {
width: 400px;
height: 168px;
float: left;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #ffffff;
border-top: 0px;
}

.box {
background: url(gfx/main_bgs.gif);
border: 1px dashed #ffffff;
margin-left: 10px;
margin-right: 14px;
margin-top: 14px;
margin-bottom: auto;
padding: 5px;
height: auto;
}
Avatar billede runeevers Nybegynder
07. december 2002 - 16:36 #7
box ligger inde i main, så det er jo i og for sig logisk nok at det ikke funker
Avatar billede pelkjaer Nybegynder
07. december 2002 - 16:43 #8
Ja selvfølgelig - jeg tog fejl af main og menu. 2 sek
Avatar billede pelkjaer Nybegynder
07. december 2002 - 16:49 #9
Sæt padding-bottom: 14px; på .photo {}
det tror jeg hjælper
Avatar billede runeevers Nybegynder
07. december 2002 - 16:53 #10
ik rigtig.. tjek http://rune.nanohak.dk/new/ *lol*

forstår bare ikke hvorfor margin-top: 14px; i box ikke har nogen effekt.
Avatar billede pelkjaer Nybegynder
07. december 2002 - 17:06 #11
Jeg mistænker det er din height:auto der laver problemer. Generelt er det godt at afholde sig fra height på divs.
Avatar billede runeevers Nybegynder
07. december 2002 - 17:12 #12
hmm, hvordan får jeg så .box til at tilpasse sig deres indhold?
Avatar billede pelkjaer Nybegynder
07. december 2002 - 17:22 #13
Det gør de da automatisk uden også?
Avatar billede runeevers Nybegynder
07. december 2002 - 17:24 #14
nopes, for der er overordnet defineret height: 100%; for at få main til at udvide sig hele vejen ned over skærmen.
Avatar billede pelkjaer Nybegynder
07. december 2002 - 17:27 #15
Ja, men det er jo stadig et problem med height på divs. Jeg ville blive meget overrasket hvis din højde fungere på andet end IE
Avatar billede runeevers Nybegynder
13. december 2002 - 15:12 #16
tror jeg har fundet en løsning.. pelkjaer lægger du lige et svar?
Avatar billede pelkjaer Nybegynder
13. december 2002 - 15:13 #17
nææ - hvis du selv har fundet en brugbar løsning, så ta' da points selv :)
Avatar billede runeevers Nybegynder
13. december 2002 - 15:24 #18
:)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester