Problem med min första hemsida

2012-10-28 21:19

Permalänk

Fyren

Medlem

Plats: Ka
Registrerad: Mar 2009

●

Problem med min första hemsida

Hejsan!

Jag håller på med min första lite seriösare hemsida, och har fått mig ett gratis webhotell av skolan Dock har jag ett litet problem... Har gjort en "copyright bar" längst ner på sidan, men av någon outgrundlig anledning så vill inte den placera sig längst ner på sidan...

www.axelfyreskar.kaggteknik.se

Ni ser vad jag menar där

Allt content är bara utfyllnad. Om ni har några övriga tips på design osv, så uppskattas det enormt mycket!

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link type="text/css" href="stylesheet.css" rel="stylesheet" />
</head>

<div id="inv">
<a href="index.html" class="menulinks">Home</a>
<a href="new-tunes.html" class="menulinks" id="middle">New tunes</a>
<a href="upcoming.html" class="menulinks">Upcoming</a>
</div>
<div id="content1">
<div class="rubrik1">
Spotlight
</div>
<div class="infcontent">
Text text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text Text

</div>
<div class="tune">
<iframe src="http://zippytune.com/wvplayer/player.php?id=16686&dl=true" scrolling="no" frameborder="0" allowTransparency="true"
style="width:460px;height:160px;border:1px solid #e4e4e4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></iframe>
</div>
</div>

<div id="content2">
<div class="rubrik1">
Mix of the week
</div>
<div class="infcontent">
Text text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text Text
Text text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text TextText text text text Text texText text text text Text
</div>
<div class="tune">
<iframe src="http://zippytune.com/wvplayer/player.php?id=13535&dl=true" scrolling="no" frameborder="0" allowTransparency="true"
style="width:460px;height:160px;border:1px solid #e4e4e4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;"></iframe>
</div>

<div id="copyright">
Copyright © 2012 - Axel Fyreskär
</div>
</body>
</html>

Dold text

CSS:

@charset "UTF-8";
/* CSS Document */

body
{
background-image:url(images/low_contrast_linen.png);
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
}

.banner
{
display:block;
margin-left:auto;
margin-right:auto;
}

#backgroundimg
{
position:fixed;
}

#inv
{
padding: 10px 10px 10px 10px;
width:100%;
margin-top:15px;
margin-left: auto; /* Menu bar */
margin-right: auto;
background-color:rgba(0,0,0,0.2);
text-align:center;
margin-bottom:15px;
box-shadow:inset #000 0px 0px 20px;
}

#middle
{
margin-left:100px; /* Ger avstånd till de övriga länkarna i Menu Bar */
margin-right:100px;
}

a:link, a:visited, a:hover .menulinks
{
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

a:hover
{
color:rgba(255,255,255,0.7); /* Stylar länkarna i Menu Bar */
}

#content1
{
margin-left:auto;
margin-right:auto;
width:1000px; /* Första content rutan */
background-color:rgba(255,255,255,0.5);
padding-top:10px;
padding-bottom:20px;
overflow:auto;
}

#content2
{
margin-top:50px;
margin-left:auto;
margin-right:auto;
width:1000px; /* Resterande contentrutor */
background-color:rgba(255,255,255,0.5);
padding-top:10px;
padding-bottom:20px;
overflow:auto;
margin-bottom:50px;
}

.rubrik1
{
height:44px;
background-color:#FFF;
margin-bottom:20px; /* Rubrik till första content rutan */
padding-left:25px;
padding-right:25px;
padding-top:3px;
padding-bottom:3px;
box-shadow:#000 0px 3px 8px;
font-family:"Arial", Gadget, sans-serif;
font-size:40px;
font-weight:bold;
font-smooth:always;
color:rgba(255,102,0,0.9);
}

.infcontent
{
margin-left:20px;
margin-right:20px; /* Div till texten i första content rutan */
color:#666;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
float:right;
width:450px;
background-color:rgba(255,255,255,1);
height:auto;
padding:8px 8px 8px 8px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}

.tune
{
height:150px;
width:500px;
margin-left:20px;
margin-right:25px;
}

.tune2
{
height:150px;
width:500px;
margin-left:20px;
margin-right:25px;
margin-top:10px;
}

#copyright
{
background-color:#000;
color:#CCC;
height:20px;
width:100%;
opacity:0.6;
font-family:Verdana, Geneva, sans-serif;
padding-left:10px;
padding-top:2px;
font-size:10px;
text-align:center;
margin-bottom:0px;
}

Dold text

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-10-28 21:56

Permalänk

Florrpan

Medlem ★

Plats: Sundsvall
Registrerad: Dec 2006

●

den ligger längst ner för mig.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Rapportera Redigera

Citera flera Citera (1)

2012-10-29 13:29

Permalänk

Fyren

Medlem

Plats: Ka
Registrerad: Mar 2009

●

Skrivet av FlorrpaN:

den ligger längst ner för mig.

Gå till inlägget

Hmm... Vad har du för webbläsare? Och upplösning på skärmen?

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-10-29 13:32

Permalänk

skFriberg

Medlem

Registrerad: Maj 2006

●

Samma här, ligger längst ner. Kollat på 2 olika skärmar, 1280x800 och 1920x1080, båda funkar bra i Chrome.

Rapportera Redigera

Citera flera Citera

2012-10-29 13:36

Permalänk

Tozzi

Medlem

Plats: Uppsala
Registrerad: Jan 2007

●

Pröva tryck "ALT + F5", du har kanske en gammal cache av sidan och därmed inte ser alla nya förändringar på en gång. Funkar fint för mig iaf, FF, 1680x1050.

Visa signatur

HTPC - Bygglogg; http://www.sweclockers.com/album/?id=2902
HTPC - Galleri; http://www.sweclockers.com/galleri/6562-htpc-galleribilder
42U - Bygglogg; http://www.sweclockers.com/galleri/7862-42u-rackskap-i-hemmet
i7 8700K, Antec kühler 620, Asus ROG Strix Z370-I Gaming, Corsair Vengeance RGB DDR4-2666 2x16GB RAM, ASUS GTX 1070

Rapportera Redigera

Citera flera Citera (1)

2012-10-29 13:50

Permalänk

Fyren

Medlem

Plats: Ka
Registrerad: Mar 2009

●

Skrivet av skFriberg:

Samma här, ligger längst ner. Kollat på 2 olika skärmar, 1280x800 och 1920x1080, båda funkar bra i Chrome.

Gå till inlägget

Skrivet av Tozzi:

Pröva tryck "ALT + F5", du har kanske en gammal cache av sidan och därmed inte ser alla nya förändringar på en gång. Funkar fint för mig iaf, FF, 1680x1050.

Gå till inlägget

Mycket skummt. Testade att ladda in på nytt som du sa, vilket inte hjälpte tyvärr...

Testade på min macbook air (1440x900 tror jag) och där låg den också längst ner.

Min polare som ha ren likadan skärm som mig säger att baren ligger fel också, så det är något lustigt med upplösningen då troligtvis.

EDIT: Verkar som att baren håller sig på ett bestämmt avstånd från den understa gråa rutan. När jag fyller på med jätte mycket text, så kommer baren längst ner som den ska. När jag sedan tar bort text så rutan blir mindre, följer baren med upp...

Senast redigerat 2012-10-29 14:02

Visa signatur

Rapportera Redigera

Citera flera Citera

2012-11-04 14:07

Permalänk

themintcream

Medlem