---
title: "css, div problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/180271-css-div-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Biasse"
published: "2009-09-14T08:14:21.000Z"
updated: "2009-09-15T21:01:19.000Z"
replies: 7
views: 529
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/180271-css-div-problem"
---

# css, div problem

## #1 — Biasse, 2009-09-14T08:14Z

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>
```

Permalänk: https://www.webforum.nu/p/180271

## #2 — Biasse, 2009-09-14T13:03Z

Ä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;
}
```

Permalänk: https://www.webforum.nu/p/2201990

## #3 — voigtann1, 2009-09-14T16:28Z

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?

Permalänk: https://www.webforum.nu/p/2201996

## #4 — Biasse, 2009-09-14T16:40Z

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.

Permalänk: https://www.webforum.nu/p/2201997

## #5 — voigtann1, 2009-09-14T20:06Z

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å.

Permalänk: https://www.webforum.nu/p/2202018

## #6 — Biasse, 2009-09-14T20:46Z

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>
```

Permalänk: https://www.webforum.nu/p/2202029

## #7 — voigtann1, 2009-09-15T07:46Z

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.

Permalänk: https://www.webforum.nu/p/2202052

## #8 — Jftn, 2009-09-15T21:01Z

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?

Permalänk: https://www.webforum.nu/p/2202154

---

Tråden på webben: https://www.webforum.nu/amne/html-css/180271-css-div-problem
