2013-07-16, 21:32
  #1
Medlem
Vad har man gjort för fel när texten försvinner när man förminskar fönstret. Sedan undrar jag varför inte nedersta delen av scrollen syns.


Citat:
#page{
position: fixed;
top: 0px;
height: 100%;
width: 100%;
}

#header{
float:left;
text-align: center;
background-color: #00B25C;
width:100%;
height:100px;
padding: 10px;}

#header #logo{
background-image: url("Bilder/logo.gif");
width: 112px;
height: 93px;
float:left;
border:3px solid;
border-color:blue;}

#Sidmeny
{float: left;
left: 100px;
width: 200px;
height: 700px;
background-color:#7BBDFB;}

#footer{
clear:both;
width: 100%;
text-align: center;
background-color: #00B25C;
padding: 15px 0px 5px 0px;
position: fixed;
bottom: 0px;}

#main
{float: left;
width: 85%;
height: 100%;
background-color: #ffffff;
overflow:auto;}

#content{
margin: 20px 20px 20px 20px;}

#footer {color:blue;}

h1
{font-family: Helvetica;
font-size: 24pt;
color: #11248a;}


body {margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: sans-serif;
font-size: 12pt; }


#menycontainer {position: center;}
#menycontainer li {list-style:none; display: inline;}

#menycontainer a:hover {background:#ffffcc;}
#menycontainer li a {text-decoration: none; background: #dbdbdb; padding: 5px;}
#menycontainer a:active {color:#0000FF;}
#menycontainer a:link{color: #0000FF;}
#menycontainer a:visited{color: #0000FF;}
#menycontainer a#current {background: #ffffff}
#menycontainer ul{padding: 0.5em 0; margin: 0;}







__________________
Senast redigerad av nassegirl 2013-07-16 kl. 21:35.
Citera
2013-07-17, 01:45
  #2
Medlem
winINCs avatar
Säger som jag sagt i tidigare tråd, lägg upp jsfiddle ifall du vill ha hjälp. Eller lägg till relevanta screenshots. Finns nog ingen som orkar göra en egen fil bara för att kolla det åt dig.

Och aldrig postar du relevant kod heller. Vi vet ju inte ens var textfan ligger! Nästa gång är sista gången jag går in i en tråd skapad av dig ifall du inte skärper till dig.
Citera
2013-07-17, 10:15
  #3
Medlem
Har inte hört talas om js fiddle förut, men nu såg jag en länk i ett annat inlägg i detta forumet. om man har skrivit sin kod i notepad går det inte att kopiera den och sedan klistra in den i js fiddle. eller måste man skriva in den för hand
Citera
2013-07-17, 10:21
  #4
Medlem
Povels avatar
Citat:
Ursprungligen postat av nassegirl
Har inte hört talas om js fiddle förut, men nu såg jag en länk i ett annat inlägg i detta forumet. om man har skrivit sin kod i notepad går det inte att kopiera den och sedan klistra in den i js fiddle. eller måste man skriva in den för hand

Det går jättebra att kopiera dit kod, kör hårt!

Här är en med din CSS inklistrad: http://jsfiddle.net/ymxU7/

/p
__________________
Senast redigerad av Povel 2013-07-17 kl. 10:24.
Citera
2013-07-17, 10:25
  #5
Medlem
När man kopierar koden i notepad och sedan trycker på höger musknapp i html rutan så kommer det inte upp en knapp där det står klistra in. Eller gör man på ett annat sätt
Citera
2013-07-17, 10:29
  #6
Medlem
Povels avatar
Citat:
Ursprungligen postat av nassegirl
När man kopierar koden i notepad och sedan trycker på höger musknapp i html rutan så kommer det inte upp en knapp där det står klistra in. Eller gör man på ett annat sätt

Det brukar inte komma upp knappar, men kanske menyer? Hur som helst så fungerar det för mig, även om jag inte prövat förrän nu.

Testa att kopiera och klistra med Control-c och Control-v (tangentkombinatiner) då.

/p
Citera
2013-07-17, 10:37
  #7
Medlem
Nu har jag klickat på run, men hur lägger jag in det är. var är knappen publicera
__________________
Senast redigerad av nassegirl 2013-07-17 kl. 10:49.
Citera
2013-07-17, 11:28
  #8
Medlem
http://jsfiddle.net/coolnassegirl/ymxU7/1/


Jag har även en text , men varför syns inte den och inte heller scrollen.
Citera
2013-07-17, 14:57
  #9
Medlem
winINCs avatar
Till att börja med så sätter du helt fel mått på allt. Du har till exempel satt fasta px på Sidmeny, och sedan på main har du satt 85%. Detta gör att browsern inte fattar vad du menar. Lär dig om korrekt användning av % i webbdesign innan du försöker slänga in det, för det fungerar inte som du tror att det gör.

Vill du har dem som du har det med % så kommer du behöva sätta width hos Sidmeny till % också, dvs;
#Sidmeny{
width:25%;
}
#main{
width:75%;
}

Det är nog mycket på sidan som skulle behöva skrivas om egentligen för att få bra funktionalitet, du har till exempel left: 100px; på Sidmeny. Varför?
Sen är din footer fixed på botten av sidan, så du kommer aldrig kunna ha något content som sträcker sig ner dit ifall du inte gör den responsiv med % också, annars kommer den att täcka det som går ner i den.
Citera
2013-07-17, 16:23
  #10
Medlem
ska jag ta bort position:fixed
och skriva procent på height istället
Citera

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Det är enkelt att registrera ett nytt konto

Bli medlem

Logga in

Har du redan ett konto? Logga in här

Logga in