1 reply [Last post]
viRioL
viRioL's picture
Offline
newbie
Last seen: 9 years 46 weeks ago
Timezone: GMT+2
Joined: 2008-04-19
Posts: 4
Points: 5

Hi!
Can anyone please help me to get my conainer #kontenta to get stretched down to the bottom of the browser window? I've tried to accomplish this in many different ways (eg. surrounding the whole page in new containers using this guide: http://www.xs4all.nl/~peterned/examples/csslayout1.html). It feels like I just want to give up.. Sad

This is how it looks:
http://fotbollpatv.nu/1.jpg
This is what I want:
http://fotbollpatv.nu/2.jpg

This is my XHTML:



Om cookies på fotbolliveckan.nu












fotbolliveckan.nu - Logotype

Text - Din bästa källa till fotboll på TV!


HEM |
MATCHER |
TIPSA OM MATCH! |
LÄNKAR |
KONTAKTA



OM COOKIES

Den här webbplatsen innehåller så kallade cookies (kakor). Enligt lagen om elektronisk kommunikation, som trädde i kraft den 25 juli 2003, ska alla som besöker en webbplats med cookies få information om:


  • att webbplatsen innehåller cookies,

  • vad dessa cookies används till och

  • hur cookies kan undvikas.


På fotbolliveckan.nu kan det förekomma cookies från våra annonsörer för att komma ihåg att användaren kommer ifrån oss.

Vill du inte acceptera cookies kan din webbläsare ställas in så att du automatiskt nekar till lagring av cookies eller informeras varje gång en webbplats begär att få lagra en cookie. Genom webbläsaren kan också tidigare lagrade cookies raderas. Se webbläsarens hjälpsidor för mer information.


Läs mer
om vad cookies är och vad lagen säger
här.



fotbolliveckan.nu

Copyright © 2008


Tipsa om match! |
Kontakta |
Om cookies |
XHTML |
CSS











var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));


var pageTracker = _gat._getTracker("UA-4131411-1");
pageTracker._initData();
pageTracker._trackPageview();


var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));


var pageTracker = _gat._getTracker("UA-4132765-1");
pageTracker._initData();
pageTracker._trackPageview();


This is my CSS:

html, body { margin: 0; padding: 0; background: #a0a0a0 url(../bilder/bakgrund.jpg) repeat-x; /* Textinställningar */ font-family: Georgia, Tahoma, Arial, Helvetica, Verdana, Sans-serif; }

/* Länkinställningar */
a:link, a:visited {
color: #004000;
text-decoration: none;
}

a:hover, a:active {
color: green;
text-decoration: underline;
}

form {
margin: 0;
}

h1 {
margin: 0;
margin-bottom: 8px;
/* Textinställningar */
font-size: 18px;
}

h2 {
margin: 0;
/* Textinställningar */
font-size: 18px;
}

h3 {
margin: 0;
/* Textinställningar */
font-size: 12px;
}

hr {
width: 50%;
height: 1px;
margin-top: 24px;
margin-bottom: 8px;
background-color: green;
color: green;
border: 0;
}

img {
border: 0;
}

input, select, textarea {
background-color: white;
color: green;
border: 1px solid green;
}

p {
margin: 0;
margin-bottom: 8px;
}

textarea {
width: 50%;
}

#sidcontainer {
/* Ändra detta värde till sidans totalbredd i pixlar */
width: 944px;
margin-left: 16px;
}

#logotype {
width: 384px;
height: 224px;
float: left;
/* Textinställningar */
text-align: center;
}

#logotext {
width: 384px;
height: 224px;
float: left;
/* Textinställningar */
text-align: center;
}

#meny {
width: 752px;
height: 16px;
padding: 8px;
clear: both;
background: url(../bilder/meny.gif);
/* Textinställningar */
font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
font-weight: bold;
color: white;
}

#adminmeny {
width: 752px;
height: 15px;
padding: 8px;
padding-top: 9px;
clear: both;
background: url(../bilder/meny.gif);
/* Textinställningar */
font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
font-size: 10px;
font-weight: bold;
color: white;
}

/* Länkinställningar för menyn */
a.vitlank:link, a.vitlank:visited {
color: white;
text-decoration: none;
}

a.vitlank:hover, a.vitlank:active {
color: white;
text-decoration: underline;
}

#kontenta {
width: 752px;
margin-top: 16px;
margin-right: 16px;
padding: 8px;
float: left;
background: white
url(../bilder/kontenta.gif)
no-repeat;
/* Textinställningar */
font-size: 12px;
color: green;
}

#valkommen {
width: 752px;
height: 32px;
margin-bottom: 8px;
float: left;
background: url(../bilder/valkommenbg.gif);
/* Textinställningar */
text-align: center;
}

#hejoch {
width: 364px;
height: 120px;
margin-right: 8px;
padding: 4px;
float: left;
background: url(../bilder/ladbg.gif)
no-repeat;
/* Textinställningar */
font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
font-size: 10px;
font-weight: bold;
color: white;
}

#matcheridag {
width: 364px;
height: 120px;
margin-bottom: 8px;
padding: 4px;
float: left;
position: relative;
background: url(../bilder/ladbg.gif)
no-repeat;
/* Textinställningar */
font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
font-size: 10px;
font-weight: bold;
color: white;
}

div#hejoch img, div#matcheridag img {
margin-bottom: 11px;
}

div#matcheridag span {
float: left;
}

div#matcheridag span.hoger {
float: right;
}

div#matcheridag span.hogerhornet {
clear: both;
position: absolute;
right: 4px;
bottom: 7px;
}

#nyheter {
width: 658px;
clear: both;
}

#menynere {
width: 752px;
padding-top: 16px;
clear: both;
/* Textinställningar */
font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
}

div#menynere p {
margin: 0;
}

div#menynere p.copytext {
margin-bottom: 8px;
}

div#menynere p.fotrubrik {
/* Textinställningar */
font-size: 12px;
}

div#menynere strong {
/* Textinställningar */
color: black;
}

#annonsfalt {
margin-top: 16px;
float: left;
}

.dag {
margin-top: 24px;
margin-bottom: 8px;
float: left;
/* Textinställningar */
font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
}

div.dag h2 {
float: left;
}

div.dag span.hoger {
margin-top: 8px;
float: right;
}

.kanal {
width: 40px;
height: 40px;
margin-bottom: 8px;
float: left;
}

.liga {
width: 752px;
height: 40px;
margin-bottom: 8px;
clear: both;
}

.match {
width: 696px;
height: 20px;
margin-bottom: 8px;
padding: 8px;
padding-top: 12px;
float: left;
/* Textinställningar */
font-family: Tahoma, Arial, Helvetica, Verdana, Sans-serif;
}

I would really appreciate it alot if anyone could help me out!
Thanks!

jrock
jrock's picture
Offline
Regular
Last seen: 12 years 9 weeks ago
Timezone: GMT-5
Joined: 2008-04-16
Posts: 34
Points: 0

maybe this might