BiasseMedlem sedan aug. 2003482 inlägg
Provar göra en sida med css/div. Vill visa hela sidan på skärmens yta och ha en scroll i min "div-show" men innehåller sidan mer info än skärmens yta sticker den iväg utanför "div-content". Behöver lite hjälp med att få till detta.
html, body
{
height:100%;
overflow: hidden;
line-height: 17px;
background-color: #eef2f7;
color: #585858;
font: 12px arial;
}
.content
{
height: 96%;
width: 776px;
border: #d5d5d5 1px solid;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
}
.show
{
overflow-x: auto;
}
<body>
<div class="content">
<!--#Include file="header.asp"-->
<div class="show" align="center">
Massa text
</div>
</div>
</body>
BiasseMedlem sedan aug. 2003482 inlägg
Ändrar jag till detta går det fint i min upplösning men blir helt galet i annan...
.show
{
overflow-x: auto;
height: 80%;
margin-top: 3px;
}
voigtann1Medlem sedan juni 20018 810 inlägg
Vad använder du för doctype?
En sak med align="center", sätt detta i din CSS istället med text-align: center.
Har du koden live så man kan se? Och vad är det exakta önskade resultat du är ute efter?
BiasseMedlem sedan aug. 2003482 inlägg
Har den inte online än. Doctype är:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Det jag vill uppnå är att innanför "content" i "show" få en scroll. Jag vill alltså inte ha scrollen i body för då justeras hela sidan till vänster när scrollen behövs.
voigtann1Medlem sedan juni 20018 810 inlägg
Det är/kan vara omöjligt att hjälpa dig, eftersom du skickar vad det ser ut som ett ASP dokument och inte vad ASP tolken generera ut för HTML kod. men:
<!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" xml:lang="en" lang="en">
<head>
<style type="text/css">
<!--
html, body
{
height: 100%;
overflow: hidden;
line-height: 17px;
background: #eef2f7;
color: #585858;
font: 12px arial;
}
.content
{
height: 96%;
width: 776px;
border: #d5d5d5 1px solid;
background: #fff;
margin: 0 auto;
}
.show
{
height: 100%;
overflow-x: auto;
text-align: center;
}
//-->
</style>
</head>
<body>
<div class="content">
<div class="show">
Massa text
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />asd
</div>
</div>
</body>
</html>
fungera för mig, men jag vet inte vad du har för HTML kod i dina include, om det är något som du vill ha annolunda eller så.
BiasseMedlem sedan aug. 2003482 inlägg
Ja det är ett steg närmare nu. Men fortfarande förstår inte div#show att den ska stanna innanför div#content. Kanske får ge upp :)
Mina includes
headers:
<img border="0" src="img/logga.jpg">
<div id="navigation">
<table border="0" cellSpacing="0" width="100%">
<tr>
<td>
<a href="http://localhost/4/index.asp">Start</a>
<a href="http://localhost/4/om.asp">Om</a>
<a href="http://localhost/4/hundar/bilder.asp?kat=Hundar">Hundar</a>
<a href="http://localhost/4/kullar/bilder.asp?kat=Kullar">Kullar</a>
<a href="http://localhost/4/bilder/bilder.asp?kat=Bilder">Bilder</a>
<a href="http://localhost/4/nyheter/nyheter.asp">På Gång</a>
<a href="http://localhost/4/gastbok/default.asp">Gästbok</a>
<a href="http://localhost/4/links/index.htm">Länkar</a>
<a href="http://localhost/4/kontakt/index.asp">Kontakt</a>
</td>
</tr>
</table>
</div>
footer:
<div id="footer">CopyRight © 2009 <a href="mailto:xxxxx@telia.com">xxxxx</a></div>
voigtann1Medlem sedan juni 20018 810 inlägg
Kan du inte göra lite så att man slipper skapa upp en ny sida och klippa och klistra?
Skickar den genererade HTML koden och din CSS eller lägg upp den på nätet så man få tillgång till sidan direkt, enklare att debugar.
JftnMedlem sedan sep. 200913 inlägg
Funkar inte
.show
{
overflow-x: scroll;
width: 123px;
height: 456px;
}
Då bör ju allt utrymme som inte rymms inom 123x456px försvinna i din div som har en scroll?
