Div overlapping footer or is too short to reach it

  • STJ
  • Newbie
  • Newbie
  • STJ
  • Posts: 11

Post 3+ Months Ago

Hi everyone!

I have been coding a website,with three columns with heading and footer with the float technique. Everything is looking as it is supposed to do, except that my middle column drops down and overlaps the footer to various degrees in IE7. In FF (latest version) on the other hand, the middle column instead doesn´t quite reach the footer, instead leaving a gap between the two of them. I have gone through the coding several times, but it looks ok as far as I can tell.

The problem started after I tried to include subscipt on some places in one of the pages. Everything got messed up, and then when I undid the changes made in order to include this subscript, everything but this was back as it should. Don´t know why this happened, and through using the undo option in the program (I´m using jEdit), I´m sure I haven´t accidentally erased something I didn´t mean to.

It would be really great if you could take a look at my code and help me in this. I´m including my css-code and one of the pages, since it´s the same error in all of them.

Oh, and another thing I wonder about: Is it possible to get the text in the horizontal bar to stay within it´s designed space even when increasing and decreasing the size of the layout? If so, how can I do this. As you see, I have used realtive measures, as it is necessary for this website not to be fixated in any way. I´m in a web course and this is part of the task.

CSS:

Code: [ Select ]
body {
    background-color: #00008b;
    color:#000000;
    text-align:center;
}
 
h1 {
    margin:0;
    padding:0;
    font-family:"Times New Roman", Arial, sans-serif;
    font-size:3em;
}
 
h2 {
    margin:0;
    padding:0;
    font-family:"Bookman Old Style", "Britannic Bold", Arial, serif;
    font-size:1.6em
}
 
h3  {
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding:0;
    font-family:"Baskerville Old Face", "Book Antiqua", serif;
    font-size:1.4em;
    text-align:center;
}
 
h4 {
    margin-top:0.3em;
    margin-bottom:0.3em;
    padding:0;
    font-family:Century, Elephant, Garamond, sans-serif;
    font-size:1.3em;
}
 
h4 span#sub {
    vertical-align:sub;
    font-size:0.8em;
}
 
h5 {
    margin-top:0.3em;
    margin-bottom:0.3em;
    padding:0;
    font-family: Georgia, Tunga, "Washington Indic Roman", sans-serif;
    font-size:1.2em;
}
 
p {
    margin:0;
    padding:0;
    font-size:1em;
    overflow:auto;
}
p span#sub {
    vertical-align:sub;
    font-size:0.8em;
}
 
ul a:link {
    color:#ff0000;
    text-decoration:none;
    background:#191970;
}
 
ul a:hover {
    color:#98fb98;
    text-decoration:none;
    background:#191970;
}
 
ul a:visited {
    color:#ee82ee;
    text-decoration:none;
    background:#191970;
}
 
li {
    list-style-type:none;
}
 
#middle a:link {
    background-color:#b0c4de;
    color:#0000ff; 
    text-decoration:none;
}
 
#middle a:hover {
    background-color:#b0c4de;
    color:#228b22;
    text-decoration:none;
}
 
#middle a:visited {
    background-color:#b0c4de;
    color:#dc143c;
    text-decoration:none;
}
 
#enveloping, #header #footer {
    background:#191970;
    color:#000000;
    border: 0.1px solid #ffd700;
}
 
 
#enveloping {
    width:51em;
    margin:0 auto;
    text-align:left;
    border: 0.1em solid #ffd700;
}
 
#header {
    background-color:#fffaf0;
    color:#000000;
    margin:0;
    padding:1em;
    text-align:center;
    border-bottom:0.1em solid #ffd700;
}
 
#horizontallist {
    background-color:#f0fff0;
    color:#ffffff;
    height:3em;
    border-top:0.1em solid #fdd700;
    border-bottom:0.1em solid #fdd700;
}
 
#horizontallist ul {
    background-color:#f0fff0;
    margin:0.3em;
    padding:0;
    font-family:Arial, serif;
    color:#000000;
    line-height:3em;
    white-space:nowrap;
}
 
#horizontallist li {
    background-color:#f0fff0;
    color:#ffffff;
    list-style-type:none;
    display:inline;
}
 
#horizontallist li a {
    background-color:#191970;
    color:#ffffff;
    text-decoration:none;
    padding:0.7em 1em;
   
}
 
#horizontallist li a:link {
    background-color:#191970;
    color:#fff;
}
 
#horizontallist li a:visited {
    background-color:#191970;
    color:#8fbc8f;
}
 
#horizontallist li a:hover {
    font-weight:bold;
    color:#f5fffa;
    background-color:#6a5acd;
}
   
#menu {
    background-color:#191970;
    color:#ff0000;
    width:11em;
    float:left;
    overflow:auto;
    padding:0.5em;
    text-align:center;
}
 
#menu span#sub {
    vertical-align:sub;
    font-size:0.8em;
}
 
#middle {
    background-color: #b0c4de;
    color: #000000;
    width:26em;
    float:left;
    padding:0.5em;
    border-left:0.1em solid #ffd700;
    border-right: 0.1em solid #ffd700;
    font-size:1em;
}
 
.innermiddle {
    background-color:#b0c4de;
    color:#000000;
    font-size:1em;
}
 
 
#middle li {
    list-style-type: circle;
}
 
.innermiddle h2 {
    background-color:#b0c4de;
    color:#000000;
    margin:0.3em;
    font-style:italic;
    text-align:center;
}
 
#externallinks  {
    background-color:#191970;
    color:#ff0000;
    margin:0.3em;
    width:13em;
    float:left;
    overflow:auto;
    padding:0.5em;
    text-align:center;
}
 
#externallinks h2 {
    color:#ff0000;
    font-style: italic;
}
 
#footer {
    background-color:#f0fff0;
    color:#000000;
    clear:both;
    text-align:center;
    border-top:0.1em solid #ffd700;
}
 
 
  1. body {
  2.     background-color: #00008b;
  3.     color:#000000;
  4.     text-align:center;
  5. }
  6.  
  7. h1 {
  8.     margin:0;
  9.     padding:0;
  10.     font-family:"Times New Roman", Arial, sans-serif;
  11.     font-size:3em;
  12. }
  13.  
  14. h2 {
  15.     margin:0;
  16.     padding:0;
  17.     font-family:"Bookman Old Style", "Britannic Bold", Arial, serif;
  18.     font-size:1.6em
  19. }
  20.  
  21. h3  {
  22.     margin-top:0.5em;
  23.     margin-bottom:0.5em;
  24.     padding:0;
  25.     font-family:"Baskerville Old Face", "Book Antiqua", serif;
  26.     font-size:1.4em;
  27.     text-align:center;
  28. }
  29.  
  30. h4 {
  31.     margin-top:0.3em;
  32.     margin-bottom:0.3em;
  33.     padding:0;
  34.     font-family:Century, Elephant, Garamond, sans-serif;
  35.     font-size:1.3em;
  36. }
  37.  
  38. h4 span#sub {
  39.     vertical-align:sub;
  40.     font-size:0.8em;
  41. }
  42.  
  43. h5 {
  44.     margin-top:0.3em;
  45.     margin-bottom:0.3em;
  46.     padding:0;
  47.     font-family: Georgia, Tunga, "Washington Indic Roman", sans-serif;
  48.     font-size:1.2em;
  49. }
  50.  
  51. p {
  52.     margin:0;
  53.     padding:0;
  54.     font-size:1em;
  55.     overflow:auto;
  56. }
  57. p span#sub {
  58.     vertical-align:sub;
  59.     font-size:0.8em;
  60. }
  61.  
  62. ul a:link {
  63.     color:#ff0000;
  64.     text-decoration:none;
  65.     background:#191970;
  66. }
  67.  
  68. ul a:hover {
  69.     color:#98fb98;
  70.     text-decoration:none;
  71.     background:#191970;
  72. }
  73.  
  74. ul a:visited {
  75.     color:#ee82ee;
  76.     text-decoration:none;
  77.     background:#191970;
  78. }
  79.  
  80. li {
  81.     list-style-type:none;
  82. }
  83.  
  84. #middle a:link {
  85.     background-color:#b0c4de;
  86.     color:#0000ff; 
  87.     text-decoration:none;
  88. }
  89.  
  90. #middle a:hover {
  91.     background-color:#b0c4de;
  92.     color:#228b22;
  93.     text-decoration:none;
  94. }
  95.  
  96. #middle a:visited {
  97.     background-color:#b0c4de;
  98.     color:#dc143c;
  99.     text-decoration:none;
  100. }
  101.  
  102. #enveloping, #header #footer {
  103.     background:#191970;
  104.     color:#000000;
  105.     border: 0.1px solid #ffd700;
  106. }
  107.  
  108.  
  109. #enveloping {
  110.     width:51em;
  111.     margin:0 auto;
  112.     text-align:left;
  113.     border: 0.1em solid #ffd700;
  114. }
  115.  
  116. #header {
  117.     background-color:#fffaf0;
  118.     color:#000000;
  119.     margin:0;
  120.     padding:1em;
  121.     text-align:center;
  122.     border-bottom:0.1em solid #ffd700;
  123. }
  124.  
  125. #horizontallist {
  126.     background-color:#f0fff0;
  127.     color:#ffffff;
  128.     height:3em;
  129.     border-top:0.1em solid #fdd700;
  130.     border-bottom:0.1em solid #fdd700;
  131. }
  132.  
  133. #horizontallist ul {
  134.     background-color:#f0fff0;
  135.     margin:0.3em;
  136.     padding:0;
  137.     font-family:Arial, serif;
  138.     color:#000000;
  139.     line-height:3em;
  140.     white-space:nowrap;
  141. }
  142.  
  143. #horizontallist li {
  144.     background-color:#f0fff0;
  145.     color:#ffffff;
  146.     list-style-type:none;
  147.     display:inline;
  148. }
  149.  
  150. #horizontallist li a {
  151.     background-color:#191970;
  152.     color:#ffffff;
  153.     text-decoration:none;
  154.     padding:0.7em 1em;
  155.    
  156. }
  157.  
  158. #horizontallist li a:link {
  159.     background-color:#191970;
  160.     color:#fff;
  161. }
  162.  
  163. #horizontallist li a:visited {
  164.     background-color:#191970;
  165.     color:#8fbc8f;
  166. }
  167.  
  168. #horizontallist li a:hover {
  169.     font-weight:bold;
  170.     color:#f5fffa;
  171.     background-color:#6a5acd;
  172. }
  173.    
  174. #menu {
  175.     background-color:#191970;
  176.     color:#ff0000;
  177.     width:11em;
  178.     float:left;
  179.     overflow:auto;
  180.     padding:0.5em;
  181.     text-align:center;
  182. }
  183.  
  184. #menu span#sub {
  185.     vertical-align:sub;
  186.     font-size:0.8em;
  187. }
  188.  
  189. #middle {
  190.     background-color: #b0c4de;
  191.     color: #000000;
  192.     width:26em;
  193.     float:left;
  194.     padding:0.5em;
  195.     border-left:0.1em solid #ffd700;
  196.     border-right: 0.1em solid #ffd700;
  197.     font-size:1em;
  198. }
  199.  
  200. .innermiddle {
  201.     background-color:#b0c4de;
  202.     color:#000000;
  203.     font-size:1em;
  204. }
  205.  
  206.  
  207. #middle li {
  208.     list-style-type: circle;
  209. }
  210.  
  211. .innermiddle h2 {
  212.     background-color:#b0c4de;
  213.     color:#000000;
  214.     margin:0.3em;
  215.     font-style:italic;
  216.     text-align:center;
  217. }
  218.  
  219. #externallinks  {
  220.     background-color:#191970;
  221.     color:#ff0000;
  222.     margin:0.3em;
  223.     width:13em;
  224.     float:left;
  225.     overflow:auto;
  226.     padding:0.5em;
  227.     text-align:center;
  228. }
  229.  
  230. #externallinks h2 {
  231.     color:#ff0000;
  232.     font-style: italic;
  233. }
  234.  
  235. #footer {
  236.     background-color:#f0fff0;
  237.     color:#000000;
  238.     clear:both;
  239.     text-align:center;
  240.     border-top:0.1em solid #ffd700;
  241. }
  242.  
  243.  


XHTML strict code:

Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
        <title>Magic Reality</title>
 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     <meta name="description" content="Alternative treatments" />
        <meta name="keywords" content="health, nutrition, vitamins, minerals, visalization" />
   
    <link rel="stylesheet" href="magical.css" type="text/css" media="screen,projection" />
   
    </head>
 
    <body id="back">
   
        <div id="enveloping">
            <div id="header">
       
        <h1>Magic Reality</h1>
        <h2>Advice on Alternative Treatments</h2>
        </div>
            <div id="horizontallist">
            <ul>
                <li><a href="index.html">Introduction</a></li>
                <li><a href="nutrition.html">Nutrition</a></li>
                <li><a href="visualization.html">Visualization</a></li>
                <li><a href="meditation.html">Meditation</a></li>
            </ul>
        </div>
       
        <div id="menu">
       
        </div>
       
            <div id="middle">
                <div class="innermiddle">
            <h2>Introduction</h2>
            <p>This webpage will be dedicated to describing some ways, which can be
            used in order to promote health, and in general helping people to feel
            better. While some of the methods and techniques may be questionable to
            some, at least to the extent I will take them to, nevertheless there are
            cases in which these results have taken place and also studies to
            support these findings. This being said, however, I hasten to add that
            even though these methods can have a great impact on you, I in no way
            want to imply that if you are ill in any way, should completely abandon
            the traditional ways of dealing with such issues.  The methods described
            here, although powerful if used in the right way, I mean to be only as
            an aid and not a sole solution to anything. I choose to discuss these
            subjects since I believe it will be beneficial to most people, and
            because I myself am very interested in these kinds of things. For the
            time being, I will only discuss a few methods, but will add others in
            the future. Just to make it clear again, even though I know much about
            this field of knowledge, I am not a medical doctor, and what I know and
            found out, is only what I have learned myself, through being very
            interested, and furthermore, in some instances, tried for myself. Feel
            free to contact me, if there is anything you wonder about, and I will
            try to help you. However, keep in mind that I’m not a professional, and
            I will not and cannot take any responsibility whatsoever, for the
            results. I intend these webpage to be advisory, and if you are
            interested in seriously attempting one or more methods described within
            these pages, I suggest you contact a practitioner in the your field of 
            interest, since I am not in a position where I can take that
            responsibility, no matter how much I may know about the subject in
            question. </p>
 
            <p>As you are able to see, for now the topics will be about nutrition (vitamins
            and minerals), visualization and meditation
            With that said, welcome to Magic Reality and feel free to browse it, and I
            hope you will something of interest. </p>
            </div>
            <p><a href="#back">Back to top</a></p>
        </div>
 
    <div id="externallinks">
       
        </div>
       
       <div id="footer">
       <p>
                   Copyright: <a href="mailto:s.tobiasjohansson@telia.com">Tobias Johansson</a>
                </p>
            </div>
        </div>
    </body>
</html>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5.         <title>Magic Reality</title>
  6.  
  7.      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.      <meta name="description" content="Alternative treatments" />
  9.         <meta name="keywords" content="health, nutrition, vitamins, minerals, visalization" />
  10.    
  11.     <link rel="stylesheet" href="magical.css" type="text/css" media="screen,projection" />
  12.    
  13.     </head>
  14.  
  15.     <body id="back">
  16.    
  17.         <div id="enveloping">
  18.             <div id="header">
  19.        
  20.         <h1>Magic Reality</h1>
  21.         <h2>Advice on Alternative Treatments</h2>
  22.         </div>
  23.             <div id="horizontallist">
  24.             <ul>
  25.                 <li><a href="index.html">Introduction</a></li>
  26.                 <li><a href="nutrition.html">Nutrition</a></li>
  27.                 <li><a href="visualization.html">Visualization</a></li>
  28.                 <li><a href="meditation.html">Meditation</a></li>
  29.             </ul>
  30.         </div>
  31.        
  32.         <div id="menu">
  33.        
  34.         </div>
  35.        
  36.             <div id="middle">
  37.                 <div class="innermiddle">
  38.             <h2>Introduction</h2>
  39.             <p>This webpage will be dedicated to describing some ways, which can be
  40.             used in order to promote health, and in general helping people to feel
  41.             better. While some of the methods and techniques may be questionable to
  42.             some, at least to the extent I will take them to, nevertheless there are
  43.             cases in which these results have taken place and also studies to
  44.             support these findings. This being said, however, I hasten to add that
  45.             even though these methods can have a great impact on you, I in no way
  46.             want to imply that if you are ill in any way, should completely abandon
  47.             the traditional ways of dealing with such issues.  The methods described
  48.             here, although powerful if used in the right way, I mean to be only as
  49.             an aid and not a sole solution to anything. I choose to discuss these
  50.             subjects since I believe it will be beneficial to most people, and
  51.             because I myself am very interested in these kinds of things. For the
  52.             time being, I will only discuss a few methods, but will add others in
  53.             the future. Just to make it clear again, even though I know much about
  54.             this field of knowledge, I am not a medical doctor, and what I know and
  55.             found out, is only what I have learned myself, through being very
  56.             interested, and furthermore, in some instances, tried for myself. Feel
  57.             free to contact me, if there is anything you wonder about, and I will
  58.             try to help you. However, keep in mind that I’m not a professional, and
  59.             I will not and cannot take any responsibility whatsoever, for the
  60.             results. I intend these webpage to be advisory, and if you are
  61.             interested in seriously attempting one or more methods described within
  62.             these pages, I suggest you contact a practitioner in the your field of 
  63.             interest, since I am not in a position where I can take that
  64.             responsibility, no matter how much I may know about the subject in
  65.             question. </p>
  66.  
  67.             <p>As you are able to see, for now the topics will be about nutrition (vitamins
  68.             and minerals), visualization and meditation
  69.             With that said, welcome to Magic Reality and feel free to browse it, and I
  70.             hope you will something of interest. </p>
  71.             </div>
  72.             <p><a href="#back">Back to top</a></p>
  73.         </div>
  74.  
  75.     <div id="externallinks">
  76.        
  77.         </div>
  78.        
  79.        <div id="footer">
  80.        <p>
  81.                    Copyright: <a href="mailto:s.tobiasjohansson@telia.com">Tobias Johansson</a>
  82.                 </p>
  83.             </div>
  84.         </div>
  85.     </body>
  86. </html>
  87.  


As you can see the span -selector is not included in this particular page, but it´s in another more extensive page at this website. I chose to paste this one, since it´s the same error in all the pages. Because of that, I believe the error is somewhare in the css-file, but I can´t figure out what.

I have also tested all the pages and the CSS-file and they are validating correctly.

Hoping for a quick reply and that you can help me with this.

Thanks in advance!

/Tobias
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

Code: [ Select ]
#horizontallist ul {
    background-color:#f0fff0;
    margin:0.3em;
    padding:0;
    margin:0;
    font-family:Arial, serif;
    color:#000000;
    line-height:3em;
    white-space:nowrap;
}
  1. #horizontallist ul {
  2.     background-color:#f0fff0;
  3.     margin:0.3em;
  4.     padding:0;
  5.     margin:0;
  6.     font-family:Arial, serif;
  7.     color:#000000;
  8.     line-height:3em;
  9.     white-space:nowrap;
  10. }

and in the HTML just remove the part that says:
Code: [ Select ]
<div id="externallinks"></div>

and then you're good to go ...
  • STJ
  • Newbie
  • Newbie
  • STJ
  • Posts: 11

Post 3+ Months Ago

Hello rightous_trespasser!

If I add a second margin value, that results in a warning when validating, and by erasing the
Code: [ Select ]
<div id=horizontallist></div>
won´t that influence my menu bar at the top? That shows up as I intend, and I wouldn´t like to remove it as it´s part of the layout.

Could you please explain further?

/STJ
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

haha sorry, I didn't see that ... then just remove the first margin and leave the "margin:0;" ... and the reason I removed the "hrizontallist" is because it takes up space at the bottom and you said that you wanted the content to go all the way down, so by removig that div the content goes all the way to the bottom, otherwise if you really feel it necessary to keep it there and you want the content to go all the way to the bottom give "horizontallist" the following value:
Code: [ Select ]
#horizontallist
{
display:none;
}
  1. #horizontallist
  2. {
  3. display:none;
  4. }
  • STJ
  • Newbie
  • Newbie
  • STJ
  • Posts: 11

Post 3+ Months Ago

Hm, seems like you most probably have misunderstood my problem. My problem is that in IE7 the middle column of my layout is overlapping the footer. "Horizontallist" is the horizontal menu I have directly under my header. I´ve taken 3 screenshots in order to show my problem. As you are able to see in IE7 the footer is partially overlapped by the middle colum, while if FF the column is slightly overlapping the horizontal menu, while it doesn´t reach all the way down to the footer.

Please take a look at:
http://good-times.webshots.com/photo/2808647170065187714tsrXCu

http://good-times.webshots.com/photo/2807559400065187714QzFVpS

http://good-times.webshots.com/photo/2928149060065187714fYsgoe

in order to see what I mean.

Thanks for trying to help me. I really appreciate it. =)

/STJ
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

and the code I gave you in my first reply fixes that ... exatly that ... so here it is again ...

CSS:
Code: [ Select ]
#horizontallist ul {
    background-color:#f0fff0;
    margin:0;
    padding:0;
    font-family:Arial, serif;
    color:#000000;
    line-height:3em;
    white-space:nowrap;
}
  1. #horizontallist ul {
  2.     background-color:#f0fff0;
  3.     margin:0;
  4.     padding:0;
  5.     font-family:Arial, serif;
  6.     color:#000000;
  7.     line-height:3em;
  8.     white-space:nowrap;
  9. }

and in the HTML remove the "<div id='externallinks'></div>" ...

IE Screenshot
FF screenshot
  • STJ
  • Newbie
  • Newbie
  • STJ
  • Posts: 11

Post 3+ Months Ago

Hi again!

Ah, my fault, I got that working now. Thanks! =)

However, I have the same problem in the other pages too, which have anchor links and external links on either side of the middle column. Any suggestion as to how to fix that too?


I paste the code to that page as well...in order to show what I have done there, the css-coding is the same. This is the most extensive page I have on the website, I´m creating.

Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

        <title>Magic Reality</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="Alternative treatments" />
        <meta name="keywords" content="health, nutrition, vitamins, minerals, visalization" />
    
    <link rel="stylesheet" href="magical.css" type="text/css" media="screen,projection" />
    
    </head>

    <body id="back">

        <div id="enveloping">
            <div id="header">
        
        <h1>Magic Reality</h1>
        <h2>Advice on Alternative Treatments</h2>
        </div>
            <div id="horizontallist">
            <ul>
                <li><a href="index.html">Introduction</a></li>
                <li><a href="nutrition.html">Nutrition</a></li>
                <li><a href="visualization.html">Visualization</a></li>
                <li><a href="meditation.html">Meditation</a></li>
            </ul>
        </div>
        
        <div id="menu">
        <h2>Contents</h2>
        <ul>
                    <li><a href="#vitamin_use">Vitamins and their use</a></li>
                    <li><a href="#vitamin_a">Vitamin A</a></li>
                    <li><a href="#vitamin_b">Vitamin B</a></li>
        <ul>
             <li><a href="#vitamin_b1">Vitamin B<span id="sub">1</span></a></li>
             <li><a href="#vitamin_b2">Vitamin B<span id="sub">2</span></a></li>
             <li><a href="#vitamin_b3">Vitamin B<span id="sub">3</span></a></li>
             <li><a href="#vitamin_b5">Vitamin B<span id="sub">5</span></a></li>
             <li><a href="#vitamin_b6">Vitamin B<span id="sub">6</span></a></li>
             <li><a href="vitamin_b12">Vitamin B<span id="sub">12</span></a></li>
        </ul>
                    <li><a href="#vitamin_c">Vitamin C</a></li>
                    <li><a href="#vitamin_d">Vitamin D</a></li>
            <li><a href="#vitamin_e">Vitamin E</a></li>
            <li><a href="#vitamin_k">Vitamin K</a></li>
        </ul>
        </div>
<div id="middle">
    <div class="innermiddle">
            <h2>Nutrition (vitamins)</h2>
<p>In this section I discuss the benefits of the right nutrition
and what impactvarious vitamins and minerals have on the health.Although most
vitamins and minerals are available in pills since they have been extracted from
their original source, nevertheless the best way to get these are to eat food in
which they exist naturally, since a lot of times, they tend to interact with
other substances, which also are to be found in the original source. Now, when
they are extracted separately, they run the risk of losing some of their
potential strength, to various degrees. However, the dilemma today is, that the
food nowadays are gradually losing it’s nutrition, due to the way it is grown,
and thus it is often necessary to supply extra vitamins and minerals, in order
to stay healthy. Often people don’t realize that they are lacking in some
vitamin or mineral. This usually is noticeable only by some diffuse manner, at
least, as long as it is not a grave deficiency. Add to that the different ways
in which our environment has been polluted. The fact is, that vitamins also help
fighting off a lot of the malevolent effects these cause our bodies and promote
well-being and health. I will not recommend any doses, for the same reason I
stated in my the before, in the introduction, but if anyone is interested in
knowing more, please check out the external links I have provided, and also
contact some authority in the field.</p>

<div class="innermiddle" id="vitamin_use">
<h3>Vitamins and their use</h3>
</div>

<div class="innermiddle" id="vitamin_a">
<h4>Vitamin A:</h4>
<h5>Description:</h5>

<p>There are two kinds of this vitamin, retinol and a pro-vitamin. The first is
animalistic and the second from plants. It is soluable in fat, and is stored in
liver and fatty tissues for later use. Thus it is not necessary to have a daily
intake. Known for beneficial for the eyes and mucous membranes. </p>

<h5>Benefits:</h5>
<p>Strengthens the cells in skin and membranes in the bowels, bronchi, and
urinary tracts. Because of this, it protects against some forms of cancer, and
infections. Furthermore, it´s essential to the creation of a certain pigment
which is important in order to see in the dark. Other than these uses of Vitamin
A, it also has a crucial role in the normal development of a foetus.</p>

<h5>Deficiencies:</h5>
<p>Dry, chapping skin. Dry, delicate mucous membranes that often get infected.
Less hearing, taste and smell. Hair loss and nails that often break. Increase of
cancer in the skin, bladder, bronchi and stomach. Blindness at night. </p>

<h5>Food:</h5>
<p>Liver, butter, cheese, egg, fat fish.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_b">
<h4>Vitamin B</h4>
<h5>Description:</h5>
<p>This is really a group of eight water soluble vitamins with various effects.
They are all quickly absorbed and discharged by the body, with the exception of
B<span id="sub">12</span>, which is stored in the liver. They protect against toxics in the
environment and the need of them is increased by the level of pollution. They
strengthen the rest of the vitamins (A, C, E and beta carotene). Moreover they
function together with each other, hence creating chemical reactions. The need
of these varies depending on life style and what food is eaten. In nature,
Vitamin B (the different types of it, is not divided into the different sorts,
but are one.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_b1">
<h4>B<span id="sub">1</span>(thiamine)</h4>
<h5>Benefits:</h5>
<p>Helps in getting a good digestion. Positive effects on the brain, and nervous
system, depression, loss of sleep, “itchyness” in the skin. Strengthens the
immune defence. Important antioxidant, which protects the cells. B<span id="sub">1</span> also
diminishes the damage which alcohol can cause the liver.</p>

<h5>Deficiencies:</h5>
<p>Constant nausea. Nervous inflammation. Mental problems (memory, mood,
concentration, anxiety, loss of sleep, phobias…). Inefficient digestion, and
weight loss. Irregular pulse, etc..</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_b2">
<h4>B<span id="sub">2</span>(riboflavin)</h4>
<h5>Description:</h5>
<p>This vitamin is sensitive to sunlight and will be destroyed if it is exposed
to sunlight. Furthermore, it is water soluble and as such it has to be supplied
on a daily basis.</p>

<h5>Benefits:</h5>
<p>Riboflavin extracts energy from the food. It protects the hair and heals skin
and mucous membranes. It is an anti oxidant and thus it protects against cell
damage and oxidation which occurs due to pollution.</p>

<h5>Deficiencies:</h5>
<p>Serious deficiency conditions are rare, but exist: Inflammation in the
tongue, mucous membranes, the cornea and skin. At lighter deficiencies, there
may be frail nails and cold sores. </p>

<h5>Food:</h5>
<p>Lamb liver, wheat seeds, nuts, oatmeal, fruit and vegetables, eggs, milk,
cheese, fish and meat.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_b3">
<h4>B<span id="sub">3</span>(niacin)</h4>
<p>The body are able to create this vitamin in small amounts by itself, with the
help of vitamin B<span id="sub">6</span> and the amino acid tryptophan. It is soluble in water.</p>

<h5>Benefits:</h5>
<p>Extracts energy from the food. Protects blood vessels and nervous system.
Widens the blood vessels and reduce the amount of cholesterol. Repair damage
made on the DNA. Stabilizes the blood sugar.</p>

<h5>Deficiencies:</h5>
<p>Serious deficiencies are rare, but are: diarrhoea, bad skin, bad memory, and
depression.</p>

<h5>Food:</h5>
<p>Fish, peanuts, meagre meat, nuts, fruit and vegetables, eggs, and potatoes.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_b5">
<h4>B<span id="sub">5</span>(panthotenic acid)</h4>
<h5>Description:</h5>
<p>This vitamin exists in every living being without exclusion, and its
biologically active form is known as co-enzyme A. It is soluble in water, and
therefore has to be supplied on a daily basis.</p>

<h5>Benefits:</h5>
<p>Like the rest of the vitamin Bs it extracts energy from food (in its active
form). It protects the nervous system and creates the signal substances of the
nerves. Repairs damage of skin and mucous membranes. Furthermore it also
stabilizes the immune defence, in that it regulates the production of
antibodies.</p>

<h5>Deficiencies:</h5>
<p>Serious deficiencies are rare. At a light deficiency, weariness, muscle
weaknesses, tendencies of cramp, sleeplessness, depressions, loss of appetite
and digestion.</p>

<h5>Food:</h5>
<p>Among others, wheat seeds, bananas, fish, nuts, pig liver, meat, avocado,
fruit, berries and vegetables, egg and dairy products.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_b6">
<h4>B<span id="sub">6</span> (pyridoxine):</h4>
<p>Three equal biological substances make up vitamin B6,
and all of them are included as co-enzymes in more than 100 reactions in the
body. Like the rest of these vitamins it is water soluble, and have to supplied
every day.</p>

<h5>Benefits:</h5>
<p>B6 helps in extracting energy from the food. It
protects the nerve cells and creates the signal substances of the nerves. Plays
a crucial part in the use of proteins. Vital to a normal pregnancy, what with
the cell splitting and growth.Essential to the uptake of minerals, especially
magnesium and zinc.</p>

<h5>Deficiencies:</h5>
<p>Deficiencies occur relatively often. At a slight deficiency there are
weariness, listlessness and low resistance due to the fact that the immune
defence is not working properly.</p>

<h5>Food:</h5>
<p>For example: Beans, bananas raw fish, poultry, nuts, oatmeal, liver, avocado,
fruit and vegetables.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_b12">
<h4>B<span id="sub">12</span> (kobalamine)</h4>
<p>This vitamin is not to be found in plants, and differs from the other vitamin
Bs in that it is created by the micro organisms in the bowels and is stored in
the liver. Hence there is no need to take this vitamin on a daily basis.</p>

<h5>Benefits:</h5>
<p>Stimulates growth in children and is an important growth factor. It protects
the nerve cells, more specifically, the myelin sheath, and strengthens the
immune defence. Kobalamine is essential for the use of fatty acids. It helps the
body in cleaning out poisonous substances, for example smokers get rid of
cyanides. </p>

<h5>Deficiencies:</h5>
<p>A lack of this vitamin may cause serious anaemia, in elderly people, when the
mucous membrane no longer is capable of producing the intrinsic factor needed
for the uptake of B<span id="sub">12</span>. At a deficiency there is weariness, listlessness, lower
immune defence, disturbances in concentration and memory, problems with
sleeping, stinging red tongue and loss of appetite. Small children who only eat
vegetarian food may develop serious deficiency symptoms. </p>

<h5>Food:</h5>
<p>Available in all animalistic food, among other things.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_c">
<h4>Vitamin C (ascorbic acid)</h4>

<h5>Description:</h5>
<p>Almost all animals are able to produce their own Vitamin C, save humans, apes
and guinea pigs as these all lack the enzyme necessary to so. Like so many other
vitamins, it is water soluble, and as such a daily intake is needed, as it is
not stored in the body. It is also easily destroyed when exposed to heat, light
and air. Vitamin C competes with sugar for place in the cells, so persons who
eat much sugar often have Vitamin C deficiencies, since the body can´t absorb as
much of the vitamin that it needs. </p>

<h5>Benefits:</h5>
<p>Vitamin C is needed in the collagen which binds the cells of the body
together. Especially important as such when it comes to bone tissue, teeth and
cartilage. It is used in over 300 chemical reactions in the body. A crucial
requirement in order to have a effective immune defence. Vitamin C is also
needed in healing and normal growth. It slows down the aging because it is a
strong antioxidant. It is also crucial for the fatty metabolism, as it is
involved in getting the fatty acids into cells. It is moreover essential in
production of a number of hormones, and endorphins, the natural painkiller of
the body. It binds heavy metals, and it seems to be able to clean heavy metals,
such as mercury, out of the central nervous system. It has an anti-inflammatory
effect, and is able to revive Vitamin E so that it can be used over and over
again, given that there is an continous supply of it, of course. High doses have
painkilling, calming, healing, cancer inhibiting, detoxifying and
anti-inflammatory effects.Some people with what has been regarded as incurable
cancers have reportedly halted the cancer growth through taking very high doses
of vitamin C through infusions. </p>

<h5>Deficiencies:</h5>
<p>Deficiencies may present themselves as allergy, weariness, weakened immune
defence and decreased healing, hairloss, skin bleedings, bruises and increased
amount of cholesterol in the blood. A deficiency of vitamin C is supposed to
increase the risk of cancer and heart deceases. Scurvy which is very rare today
is one of the severe deficiencies which was avoided by drinking lemon juice,
which is rich in vitamin C. At very high doses, it may cause kidney stones, but
this is not the case for everyone.</p>

<h5>Food:</h5>
<p>Rose-hip, potato, green paprika, broccoli, spinach, tomatoes, strawberries,
fresh vegetables, and fresh fruit, (lemon, orange, mango grapefruit). Something
that is worth attention in this matter, is that since vitamin C is easily
destroyed, storing fruit and so on, in order to eat it later, is not a good
idea, since its level drops quickly after it has been picked. Vegetables, which
are ecologically grown, is far better than conventional ones.</p>
<p><a href="#back">Back to top</a></p>
</div>
<div class="innermiddle" id="vitamin_d">

<h4>Vitamin D (kalciferol)</h4>
<h5>Description:</h5>
<p>Humans can produce enough of this vitamin without having to take any extra
amount of it, when getting enough daylight. It’s fat-soluble and is stored in
the liver.</p>

<h5>Benefits:</h5>
<p>Vitamin D works more like a hormone than a vitamin. It is necessary in
developing strong and healthy teeth and bone structure. It is transformed to a
hormone which controls the uptake of calcium.</p>

<h5>Deficiencies:</h5>
<p>In children with rachitis the bone structure remains soft and bendable.
They have a delayed development of teeth, deformed legs (bowed legs),
and non-solid bone tissue in the back of their heads. The adult version of
rakitis is recognized by muscle cramps, weak tender bone structure and similar
cramps as those who have epilepsy.</p>

<h5>Food:</h5>
<p>Fish liver oil, fish, milk, eggs, butter, and cheese.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_e">
<h4>Vitamin E (tokoferol):</h4>
<h5>Description:</h5>
<p>The highest concentrations can be found in the “binjurarna”, testicles, womb,
and fatty tissues. Vitamin E protects vitamin A against degrading, while it in
turn is protected by vitamin C.</p>

<h5>Benefits:</h5>
<p>Is a strong antioxidant and protects against cancer, “ådeförkalkning”, and
early aging. It makes the transportation of oxygen to the cells better. Vitamin
E increases HDL, which is the benign cholesterol which promotes healthy blood
vessels. It can be used as a conserving agent in food storage. It can stand
heat, but not cold and the effect diminishes in such. Children who are too early
born have a tendency to anaemia. This is because the red blood cells easily
break. Here, vitamin E can help in protecting these from being destroyed. </p>

<h5>Deficiencies:</h5>
<p>It was long thought that vitamin E deficiency was harmless. However, it later
is discovered damage to muscles, nerves, digestion and immune defence
(allergies) when this is the case. Cancerous substances can come into existence
in the bowels, when there is a lack of vitamin E.</p>

<h5>Food:</h5>
<p>Wheat grain, broccoli, rose cabbage, vegetables, oatmeal, “fleromättade” fatty
acids, almonds, nuts, some fat fish eggs, “skaldjur”. Woth the exception of
liver, animalistic food is poor on vitamin E.</p>
<p><a href="#back">Back to top</a></p>
</div>

<div class="innermiddle" id="vitamin_k">
<h4>Vitamin K (menadion):</h4>
<p>This vitamin is soluble in fat, and is available in two forms, one from
vegetables and the other from bakterias in the bowels. There is a third variant,
which is synthetic.</p>

<h5>Benefits:</h5>
<p>Vitamin K helps the blood to coagulate, which is impossible if it is not
present.Furthermore, it is essential to the creation of bones.</p>

<h5>Deficiencies:</h5>
<p>Deficiencies are rare. The supply of this vitamin is only enough to last a
few days if it is not available. After illnesses to the bowels and antibiotics
the bacterias in the bowels may be so worn that a Vitamin K deficiency can
occur.</p>

<h5>Food:</h5>
<p>All sorts of cabbage, spinach, broccoli, parsley, peas, salad, vegetable
oils, cheese, potato, carrots, avocado, mushroom, fruit and berries.</p>

<p>Other then being beneficial for the already well person who is interested in
keeping his or her health intact, getting the correct nutrition when suffering
from some decease can be vital to getting well again. Some may not realize it or
at least have not thought about the fact that whatever food we eat is the fuel
that we provide our bodies, and while most are careful to choose the right fuel
for their cars and so on, they disregard this when it comes to keeping their own
nutrition. However, just like in the case with their car, their bodies and
brains demand the proper fuel in order to function optimally. Exactly what and
how much they require, are individual, depending on how their constitution is.
This is also all the more important when you happen to be ill in some way. The
correct nutrition may not solve the situation altogether, but it will help you a
lot to achieve the goal of getting well again. It also will increase the speed
in which you get better.</p>
<p><a href="#back">Back to top</a></p>
</div>

</div>
    </div>
    
<div id="externallinks">
    <h2>External sources </h2>
                <ul>
                    <li><a href="http://www.drweil.org/">Dr. Weil</a></li>
                    <li><a href="http://www.seanet.com/~alexs/ascorbate/198x/smith-lh-clinical_guide_1988.htm">Clinical Use of the Vitamin C</a></li>
                    <li><a href="http://www.vitamins-nutrition.org/vitamins/vitamins-e-c-reduces-alzheimers.html">The Vitamins and Nutrition Center</a></li>
                    <li><a href="http://www.sciencedaily.com/releases/2004/01/040120034901.htmd">Science Daily - Vitamin Supplement may reduce Effects of Alzheimer's Disease</a></li>
                    <li><a href="http://www.articleclick.com/Article/The-Use-of-Vitamins-For-Hair-Loss/916361">ArticleClick</a></li>
                </ul>
         </div>
    
     <div id="footer">
     <p>
    Copyright: <a href="mailto:s.tobiasjohansson@telia.com">Tobias Johansson</a>
                </p>
            </div>
        </div>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4. <head>
  5.         <title>Magic Reality</title>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7.     <meta name="description" content="Alternative treatments" />
  8.         <meta name="keywords" content="health, nutrition, vitamins, minerals, visalization" />
  9.     
  10.     <link rel="stylesheet" href="magical.css" type="text/css" media="screen,projection" />
  11.     
  12.     </head>
  13.     <body id="back">
  14.         <div id="enveloping">
  15.             <div id="header">
  16.         
  17.         <h1>Magic Reality</h1>
  18.         <h2>Advice on Alternative Treatments</h2>
  19.         </div>
  20.             <div id="horizontallist">
  21.             <ul>
  22.                 <li><a href="index.html">Introduction</a></li>
  23.                 <li><a href="nutrition.html">Nutrition</a></li>
  24.                 <li><a href="visualization.html">Visualization</a></li>
  25.                 <li><a href="meditation.html">Meditation</a></li>
  26.             </ul>
  27.         </div>
  28.         
  29.         <div id="menu">
  30.         <h2>Contents</h2>
  31.         <ul>
  32.                     <li><a href="#vitamin_use">Vitamins and their use</a></li>
  33.                     <li><a href="#vitamin_a">Vitamin A</a></li>
  34.                     <li><a href="#vitamin_b">Vitamin B</a></li>
  35.         <ul>
  36.              <li><a href="#vitamin_b1">Vitamin B<span id="sub">1</span></a></li>
  37.              <li><a href="#vitamin_b2">Vitamin B<span id="sub">2</span></a></li>
  38.              <li><a href="#vitamin_b3">Vitamin B<span id="sub">3</span></a></li>
  39.              <li><a href="#vitamin_b5">Vitamin B<span id="sub">5</span></a></li>
  40.              <li><a href="#vitamin_b6">Vitamin B<span id="sub">6</span></a></li>
  41.              <li><a href="vitamin_b12">Vitamin B<span id="sub">12</span></a></li>
  42.         </ul>
  43.                     <li><a href="#vitamin_c">Vitamin C</a></li>
  44.                     <li><a href="#vitamin_d">Vitamin D</a></li>
  45.             <li><a href="#vitamin_e">Vitamin E</a></li>
  46.             <li><a href="#vitamin_k">Vitamin K</a></li>
  47.         </ul>
  48.         </div>
  49. <div id="middle">
  50.     <div class="innermiddle">
  51.             <h2>Nutrition (vitamins)</h2>
  52. <p>In this section I discuss the benefits of the right nutrition
  53. and what impactvarious vitamins and minerals have on the health.Although most
  54. vitamins and minerals are available in pills since they have been extracted from
  55. their original source, nevertheless the best way to get these are to eat food in
  56. which they exist naturally, since a lot of times, they tend to interact with
  57. other substances, which also are to be found in the original source. Now, when
  58. they are extracted separately, they run the risk of losing some of their
  59. potential strength, to various degrees. However, the dilemma today is, that the
  60. food nowadays are gradually losing it’s nutrition, due to the way it is grown,
  61. and thus it is often necessary to supply extra vitamins and minerals, in order
  62. to stay healthy. Often people don’t realize that they are lacking in some
  63. vitamin or mineral. This usually is noticeable only by some diffuse manner, at
  64. least, as long as it is not a grave deficiency. Add to that the different ways
  65. in which our environment has been polluted. The fact is, that vitamins also help
  66. fighting off a lot of the malevolent effects these cause our bodies and promote
  67. well-being and health. I will not recommend any doses, for the same reason I
  68. stated in my the before, in the introduction, but if anyone is interested in
  69. knowing more, please check out the external links I have provided, and also
  70. contact some authority in the field.</p>
  71. <div class="innermiddle" id="vitamin_use">
  72. <h3>Vitamins and their use</h3>
  73. </div>
  74. <div class="innermiddle" id="vitamin_a">
  75. <h4>Vitamin A:</h4>
  76. <h5>Description:</h5>
  77. <p>There are two kinds of this vitamin, retinol and a pro-vitamin. The first is
  78. animalistic and the second from plants. It is soluable in fat, and is stored in
  79. liver and fatty tissues for later use. Thus it is not necessary to have a daily
  80. intake. Known for beneficial for the eyes and mucous membranes. </p>
  81. <h5>Benefits:</h5>
  82. <p>Strengthens the cells in skin and membranes in the bowels, bronchi, and
  83. urinary tracts. Because of this, it protects against some forms of cancer, and
  84. infections. Furthermore, it´s essential to the creation of a certain pigment
  85. which is important in order to see in the dark. Other than these uses of Vitamin
  86. A, it also has a crucial role in the normal development of a foetus.</p>
  87. <h5>Deficiencies:</h5>
  88. <p>Dry, chapping skin. Dry, delicate mucous membranes that often get infected.
  89. Less hearing, taste and smell. Hair loss and nails that often break. Increase of
  90. cancer in the skin, bladder, bronchi and stomach. Blindness at night. </p>
  91. <h5>Food:</h5>
  92. <p>Liver, butter, cheese, egg, fat fish.</p>
  93. <p><a href="#back">Back to top</a></p>
  94. </div>
  95. <div class="innermiddle" id="vitamin_b">
  96. <h4>Vitamin B</h4>
  97. <h5>Description:</h5>
  98. <p>This is really a group of eight water soluble vitamins with various effects.
  99. They are all quickly absorbed and discharged by the body, with the exception of
  100. B<span id="sub">12</span>, which is stored in the liver. They protect against toxics in the
  101. environment and the need of them is increased by the level of pollution. They
  102. strengthen the rest of the vitamins (A, C, E and beta carotene). Moreover they
  103. function together with each other, hence creating chemical reactions. The need
  104. of these varies depending on life style and what food is eaten. In nature,
  105. Vitamin B (the different types of it, is not divided into the different sorts,
  106. but are one.</p>
  107. <p><a href="#back">Back to top</a></p>
  108. </div>
  109. <div class="innermiddle" id="vitamin_b1">
  110. <h4>B<span id="sub">1</span>(thiamine)</h4>
  111. <h5>Benefits:</h5>
  112. <p>Helps in getting a good digestion. Positive effects on the brain, and nervous
  113. system, depression, loss of sleep, “itchyness” in the skin. Strengthens the
  114. immune defence. Important antioxidant, which protects the cells. B<span id="sub">1</span> also
  115. diminishes the damage which alcohol can cause the liver.</p>
  116. <h5>Deficiencies:</h5>
  117. <p>Constant nausea. Nervous inflammation. Mental problems (memory, mood,
  118. concentration, anxiety, loss of sleep, phobias…). Inefficient digestion, and
  119. weight loss. Irregular pulse, etc..</p>
  120. <p><a href="#back">Back to top</a></p>
  121. </div>
  122. <div class="innermiddle" id="vitamin_b2">
  123. <h4>B<span id="sub">2</span>(riboflavin)</h4>
  124. <h5>Description:</h5>
  125. <p>This vitamin is sensitive to sunlight and will be destroyed if it is exposed
  126. to sunlight. Furthermore, it is water soluble and as such it has to be supplied
  127. on a daily basis.</p>
  128. <h5>Benefits:</h5>
  129. <p>Riboflavin extracts energy from the food. It protects the hair and heals skin
  130. and mucous membranes. It is an anti oxidant and thus it protects against cell
  131. damage and oxidation which occurs due to pollution.</p>
  132. <h5>Deficiencies:</h5>
  133. <p>Serious deficiency conditions are rare, but exist: Inflammation in the
  134. tongue, mucous membranes, the cornea and skin. At lighter deficiencies, there
  135. may be frail nails and cold sores. </p>
  136. <h5>Food:</h5>
  137. <p>Lamb liver, wheat seeds, nuts, oatmeal, fruit and vegetables, eggs, milk,
  138. cheese, fish and meat.</p>
  139. <p><a href="#back">Back to top</a></p>
  140. </div>
  141. <div class="innermiddle" id="vitamin_b3">
  142. <h4>B<span id="sub">3</span>(niacin)</h4>
  143. <p>The body are able to create this vitamin in small amounts by itself, with the
  144. help of vitamin B<span id="sub">6</span> and the amino acid tryptophan. It is soluble in water.</p>
  145. <h5>Benefits:</h5>
  146. <p>Extracts energy from the food. Protects blood vessels and nervous system.
  147. Widens the blood vessels and reduce the amount of cholesterol. Repair damage
  148. made on the DNA. Stabilizes the blood sugar.</p>
  149. <h5>Deficiencies:</h5>
  150. <p>Serious deficiencies are rare, but are: diarrhoea, bad skin, bad memory, and
  151. depression.</p>
  152. <h5>Food:</h5>
  153. <p>Fish, peanuts, meagre meat, nuts, fruit and vegetables, eggs, and potatoes.</p>
  154. <p><a href="#back">Back to top</a></p>
  155. </div>
  156. <div class="innermiddle" id="vitamin_b5">
  157. <h4>B<span id="sub">5</span>(panthotenic acid)</h4>
  158. <h5>Description:</h5>
  159. <p>This vitamin exists in every living being without exclusion, and its
  160. biologically active form is known as co-enzyme A. It is soluble in water, and
  161. therefore has to be supplied on a daily basis.</p>
  162. <h5>Benefits:</h5>
  163. <p>Like the rest of the vitamin Bs it extracts energy from food (in its active
  164. form). It protects the nervous system and creates the signal substances of the
  165. nerves. Repairs damage of skin and mucous membranes. Furthermore it also
  166. stabilizes the immune defence, in that it regulates the production of
  167. antibodies.</p>
  168. <h5>Deficiencies:</h5>
  169. <p>Serious deficiencies are rare. At a light deficiency, weariness, muscle
  170. weaknesses, tendencies of cramp, sleeplessness, depressions, loss of appetite
  171. and digestion.</p>
  172. <h5>Food:</h5>
  173. <p>Among others, wheat seeds, bananas, fish, nuts, pig liver, meat, avocado,
  174. fruit, berries and vegetables, egg and dairy products.</p>
  175. <p><a href="#back">Back to top</a></p>
  176. </div>
  177. <div class="innermiddle" id="vitamin_b6">
  178. <h4>B<span id="sub">6</span> (pyridoxine):</h4>
  179. <p>Three equal biological substances make up vitamin B6,
  180. and all of them are included as co-enzymes in more than 100 reactions in the
  181. body. Like the rest of these vitamins it is water soluble, and have to supplied
  182. every day.</p>
  183. <h5>Benefits:</h5>
  184. <p>B6 helps in extracting energy from the food. It
  185. protects the nerve cells and creates the signal substances of the nerves. Plays
  186. a crucial part in the use of proteins. Vital to a normal pregnancy, what with
  187. the cell splitting and growth.Essential to the uptake of minerals, especially
  188. magnesium and zinc.</p>
  189. <h5>Deficiencies:</h5>
  190. <p>Deficiencies occur relatively often. At a slight deficiency there are
  191. weariness, listlessness and low resistance due to the fact that the immune
  192. defence is not working properly.</p>
  193. <h5>Food:</h5>
  194. <p>For example: Beans, bananas raw fish, poultry, nuts, oatmeal, liver, avocado,
  195. fruit and vegetables.</p>
  196. <p><a href="#back">Back to top</a></p>
  197. </div>
  198. <div class="innermiddle" id="vitamin_b12">
  199. <h4>B<span id="sub">12</span> (kobalamine)</h4>
  200. <p>This vitamin is not to be found in plants, and differs from the other vitamin
  201. Bs in that it is created by the micro organisms in the bowels and is stored in
  202. the liver. Hence there is no need to take this vitamin on a daily basis.</p>
  203. <h5>Benefits:</h5>
  204. <p>Stimulates growth in children and is an important growth factor. It protects
  205. the nerve cells, more specifically, the myelin sheath, and strengthens the
  206. immune defence. Kobalamine is essential for the use of fatty acids. It helps the
  207. body in cleaning out poisonous substances, for example smokers get rid of
  208. cyanides. </p>
  209. <h5>Deficiencies:</h5>
  210. <p>A lack of this vitamin may cause serious anaemia, in elderly people, when the
  211. mucous membrane no longer is capable of producing the intrinsic factor needed
  212. for the uptake of B<span id="sub">12</span>. At a deficiency there is weariness, listlessness, lower
  213. immune defence, disturbances in concentration and memory, problems with
  214. sleeping, stinging red tongue and loss of appetite. Small children who only eat
  215. vegetarian food may develop serious deficiency symptoms. </p>
  216. <h5>Food:</h5>
  217. <p>Available in all animalistic food, among other things.</p>
  218. <p><a href="#back">Back to top</a></p>
  219. </div>
  220. <div class="innermiddle" id="vitamin_c">
  221. <h4>Vitamin C (ascorbic acid)</h4>
  222. <h5>Description:</h5>
  223. <p>Almost all animals are able to produce their own Vitamin C, save humans, apes
  224. and guinea pigs as these all lack the enzyme necessary to so. Like so many other
  225. vitamins, it is water soluble, and as such a daily intake is needed, as it is
  226. not stored in the body. It is also easily destroyed when exposed to heat, light
  227. and air. Vitamin C competes with sugar for place in the cells, so persons who
  228. eat much sugar often have Vitamin C deficiencies, since the body can´t absorb as
  229. much of the vitamin that it needs. </p>
  230. <h5>Benefits:</h5>
  231. <p>Vitamin C is needed in the collagen which binds the cells of the body
  232. together. Especially important as such when it comes to bone tissue, teeth and
  233. cartilage. It is used in over 300 chemical reactions in the body. A crucial
  234. requirement in order to have a effective immune defence. Vitamin C is also
  235. needed in healing and normal growth. It slows down the aging because it is a
  236. strong antioxidant. It is also crucial for the fatty metabolism, as it is
  237. involved in getting the fatty acids into cells. It is moreover essential in
  238. production of a number of hormones, and endorphins, the natural painkiller of
  239. the body. It binds heavy metals, and it seems to be able to clean heavy metals,
  240. such as mercury, out of the central nervous system. It has an anti-inflammatory
  241. effect, and is able to revive Vitamin E so that it can be used over and over
  242. again, given that there is an continous supply of it, of course. High doses have
  243. painkilling, calming, healing, cancer inhibiting, detoxifying and
  244. anti-inflammatory effects.Some people with what has been regarded as incurable
  245. cancers have reportedly halted the cancer growth through taking very high doses
  246. of vitamin C through infusions. </p>
  247. <h5>Deficiencies:</h5>
  248. <p>Deficiencies may present themselves as allergy, weariness, weakened immune
  249. defence and decreased healing, hairloss, skin bleedings, bruises and increased
  250. amount of cholesterol in the blood. A deficiency of vitamin C is supposed to
  251. increase the risk of cancer and heart deceases. Scurvy which is very rare today
  252. is one of the severe deficiencies which was avoided by drinking lemon juice,
  253. which is rich in vitamin C. At very high doses, it may cause kidney stones, but
  254. this is not the case for everyone.</p>
  255. <h5>Food:</h5>
  256. <p>Rose-hip, potato, green paprika, broccoli, spinach, tomatoes, strawberries,
  257. fresh vegetables, and fresh fruit, (lemon, orange, mango grapefruit). Something
  258. that is worth attention in this matter, is that since vitamin C is easily
  259. destroyed, storing fruit and so on, in order to eat it later, is not a good
  260. idea, since its level drops quickly after it has been picked. Vegetables, which
  261. are ecologically grown, is far better than conventional ones.</p>
  262. <p><a href="#back">Back to top</a></p>
  263. </div>
  264. <div class="innermiddle" id="vitamin_d">
  265. <h4>Vitamin D (kalciferol)</h4>
  266. <h5>Description:</h5>
  267. <p>Humans can produce enough of this vitamin without having to take any extra
  268. amount of it, when getting enough daylight. It’s fat-soluble and is stored in
  269. the liver.</p>
  270. <h5>Benefits:</h5>
  271. <p>Vitamin D works more like a hormone than a vitamin. It is necessary in
  272. developing strong and healthy teeth and bone structure. It is transformed to a
  273. hormone which controls the uptake of calcium.</p>
  274. <h5>Deficiencies:</h5>
  275. <p>In children with rachitis the bone structure remains soft and bendable.
  276. They have a delayed development of teeth, deformed legs (bowed legs),
  277. and non-solid bone tissue in the back of their heads. The adult version of
  278. rakitis is recognized by muscle cramps, weak tender bone structure and similar
  279. cramps as those who have epilepsy.</p>
  280. <h5>Food:</h5>
  281. <p>Fish liver oil, fish, milk, eggs, butter, and cheese.</p>
  282. <p><a href="#back">Back to top</a></p>
  283. </div>
  284. <div class="innermiddle" id="vitamin_e">
  285. <h4>Vitamin E (tokoferol):</h4>
  286. <h5>Description:</h5>
  287. <p>The highest concentrations can be found in the “binjurarna”, testicles, womb,
  288. and fatty tissues. Vitamin E protects vitamin A against degrading, while it in
  289. turn is protected by vitamin C.</p>
  290. <h5>Benefits:</h5>
  291. <p>Is a strong antioxidant and protects against cancer, “ådeförkalkning”, and
  292. early aging. It makes the transportation of oxygen to the cells better. Vitamin
  293. E increases HDL, which is the benign cholesterol which promotes healthy blood
  294. vessels. It can be used as a conserving agent in food storage. It can stand
  295. heat, but not cold and the effect diminishes in such. Children who are too early
  296. born have a tendency to anaemia. This is because the red blood cells easily
  297. break. Here, vitamin E can help in protecting these from being destroyed. </p>
  298. <h5>Deficiencies:</h5>
  299. <p>It was long thought that vitamin E deficiency was harmless. However, it later
  300. is discovered damage to muscles, nerves, digestion and immune defence
  301. (allergies) when this is the case. Cancerous substances can come into existence
  302. in the bowels, when there is a lack of vitamin E.</p>
  303. <h5>Food:</h5>
  304. <p>Wheat grain, broccoli, rose cabbage, vegetables, oatmeal, “fleromättade” fatty
  305. acids, almonds, nuts, some fat fish eggs, “skaldjur”. Woth the exception of
  306. liver, animalistic food is poor on vitamin E.</p>
  307. <p><a href="#back">Back to top</a></p>
  308. </div>
  309. <div class="innermiddle" id="vitamin_k">
  310. <h4>Vitamin K (menadion):</h4>
  311. <p>This vitamin is soluble in fat, and is available in two forms, one from
  312. vegetables and the other from bakterias in the bowels. There is a third variant,
  313. which is synthetic.</p>
  314. <h5>Benefits:</h5>
  315. <p>Vitamin K helps the blood to coagulate, which is impossible if it is not
  316. present.Furthermore, it is essential to the creation of bones.</p>
  317. <h5>Deficiencies:</h5>
  318. <p>Deficiencies are rare. The supply of this vitamin is only enough to last a
  319. few days if it is not available. After illnesses to the bowels and antibiotics
  320. the bacterias in the bowels may be so worn that a Vitamin K deficiency can
  321. occur.</p>
  322. <h5>Food:</h5>
  323. <p>All sorts of cabbage, spinach, broccoli, parsley, peas, salad, vegetable
  324. oils, cheese, potato, carrots, avocado, mushroom, fruit and berries.</p>
  325. <p>Other then being beneficial for the already well person who is interested in
  326. keeping his or her health intact, getting the correct nutrition when suffering
  327. from some decease can be vital to getting well again. Some may not realize it or
  328. at least have not thought about the fact that whatever food we eat is the fuel
  329. that we provide our bodies, and while most are careful to choose the right fuel
  330. for their cars and so on, they disregard this when it comes to keeping their own
  331. nutrition. However, just like in the case with their car, their bodies and
  332. brains demand the proper fuel in order to function optimally. Exactly what and
  333. how much they require, are individual, depending on how their constitution is.
  334. This is also all the more important when you happen to be ill in some way. The
  335. correct nutrition may not solve the situation altogether, but it will help you a
  336. lot to achieve the goal of getting well again. It also will increase the speed
  337. in which you get better.</p>
  338. <p><a href="#back">Back to top</a></p>
  339. </div>
  340. </div>
  341.     </div>
  342.     
  343. <div id="externallinks">
  344.     <h2>External sources </h2>
  345.                 <ul>
  346.                     <li><a href="http://www.drweil.org/">Dr. Weil</a></li>
  347.                     <li><a href="http://www.seanet.com/~alexs/ascorbate/198x/smith-lh-clinical_guide_1988.htm">Clinical Use of the Vitamin C</a></li>
  348.                     <li><a href="http://www.vitamins-nutrition.org/vitamins/vitamins-e-c-reduces-alzheimers.html">The Vitamins and Nutrition Center</a></li>
  349.                     <li><a href="http://www.sciencedaily.com/releases/2004/01/040120034901.htmd">Science Daily - Vitamin Supplement may reduce Effects of Alzheimer's Disease</a></li>
  350.                     <li><a href="http://www.articleclick.com/Article/The-Use-of-Vitamins-For-Hair-Loss/916361">ArticleClick</a></li>
  351.                 </ul>
  352.          </div>
  353.     
  354.      <div id="footer">
  355.      <p>
  356.     Copyright: <a href="mailto:s.tobiasjohansson@telia.com">Tobias Johansson</a>
  357.                 </p>
  358.             </div>
  359.         </div>


As you see, the same problem occurs here, but here I cannot erase any column, as they are all in use. Any suggestions to this?

Again, thank for helping me. I really appreciate it!

/STJ
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

CSS:
Code: [ Select ]
#externallinks {
    background-color:#191970;
    color:#ff0000;
    margin:0.3em;
    width:10em;
    float:left;
    overflow:auto;
    padding:0.5em;
    text-align:center;
}
  1. #externallinks {
  2.     background-color:#191970;
  3.     color:#ff0000;
  4.     margin:0.3em;
  5.     width:10em;
  6.     float:left;
  7.     overflow:auto;
  8.     padding:0.5em;
  9.     text-align:center;
  10. }

that fixes that ...
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6229
  • Loc: South-Africa

Post 3+ Months Ago

just a quick note here ... to find out what the problem was on both of these issues I used the "Web Developer" add-on for FireFox ... it's a very powerful tool ... https://addons.mozilla.org/en-US/firefox/addon/60
  • STJ
  • Newbie
  • Newbie
  • STJ
  • Posts: 11

Post 3+ Months Ago

Hi again rightous!

I got it to work now. Thanks a lot! :) Thanks for the information about the add-on. I´m sure it'll be useful to me in the future too.

Really glad you could help me with this.

/Tobias

Post Information

  • Total Posts in this topic: 10 posts
  • Users browsing this forum: No registered users and 10 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.