---
title: "hjälp med sida helt i css..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/48639-hjälp-med-sida-helt-i-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "netfeed"
published: "2002-07-24T18:29:19.000Z"
updated: "2002-07-27T17:25:31.000Z"
replies: 4
views: 307
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/48639-hjälp-med-sida-helt-i-css"
---

# hjälp med sida helt i css...

## #1 — netfeed, 2002-07-24T18:29Z

okej min webbserver som jag brukar lägga upp på är dum i huvet idag så jag lägger upp hela koden men först till problemet

jag har läste en artikel i DMZ som tog upp hur man kan bygga en webbsida helt i CSS så det gjorde jag

sidan ser mkt bra ut i NN 6.2(tror jag det var) och i mozilla 1.0 men i IE 5.5 och i opera ser den hel konstig ut och det är med det jag behöver hjälp för jag börjar få grå hår av denna sidan

```php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Css uppbygnad</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
body		{ background-color:white; }
.top    	{ position: relative; clip: rect (  ); width: 600px;  height: 40px;  float: left;  left: 100px; top: 0px;
			  color: #ffffff; font-family: verdana, san-serif; font-size: x-small;
			  background-color:#000000; }
.vanster	{ position: relative; clip: rect (  ); width: 100px;  height: 400px; float: left;  left: -500px; top: 40px;
			  color: #ffffff; font-family: verdana, san-serif; font-size: x-small;
			  background-color:black; }
.mitten		{ position: relative; clip: rect (  ); width: 500px;  height: 400px; float: middle; left: -500px; top: 40px; 
			  color: #ffffff; font-family: verdana, san-serif; font-size: x-small;
			  background-color:black; z-index: 0;
			  overflow: scroll;}
.hoger  	{ position: relative; clip: rect (  ); width: 100px;  height: 400px; float: left;  left: 600px; top: 10px;
			  color: #ffffff; font-family: verdana, san-serif; font-size: x-small;
			  background-color:black; }
.tack    	{ position: relative; clip: rect (  ); width: 510px;  height: 14px;  float: left;  left: 287px; top: -1px;
			  color: #ffffff; font-family: verdana, san-serif; font-size: x-small;
			  background-color:#000000;  z-index: 1000;}			  
.bott    	{ position: relative; clip: rect (  ); width: 600px;  height: 14px;  float: left;  left: 100px; top: 40px;
			  color: #ffffff; font-family: verdana, san-serif; font-size: x-small;
			  background-color:#000000; }
.text1		{ position: relative; left: 250px; top: 0px;			  
			  color: #ffffff; font-family: arial; font-size: x-large;}
.text2		{ position: relative; left: 310px; top: -18px;			  
			  color: red; font-family: arial; font-size: large;}			 
hr  		{ background-color: white; width: 400px;} 
.rubrik		{ background-color: green; width: 100px; height: 14px;}

a:link  	{font:7pt/10pt verdana; color:rgb(255,255,255); text-decoration:none}
a:visited	{font:7pt/10pt verdana; color:rgb(255,255,255); text-decoration:none}
a:hover 	{font:7pt/10pt verdana; color:rgb(219,126,17);  text-decoration:none}
-->
</style>

</head>

<body scroll=auto>
<div class=top><div class=text1>netfeed</div><div class=text2>rulz</div></div>

<div class=vanster> <br>
  <div class=rubrik>rubriktext</div>
  <a href="">länk</a><br>
  <a href="">länk</a><br>
    <a href="">länk</a><br>
	  <a href="">länk</a><br>

  <div class=rubrik>rubriktext</div>
  <a href="">länk</a><br>
    <a href="">länk</a><br>
	  <a href="">länk</a><br>
</div>

 
<div class=mitten> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla 
</div>

<div class=bott> <b>Design:</b> Alpha 0.0.5.7</div>

</body>
</html>
```

kan nån bättre än mig hjälpa mig?

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

## #2 — netfeed, 2002-07-24T18:43Z

jo just det ja hur får jag bort den undre scrollen? vill bara ha den på sidan

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

## #3 — netfeed, 2002-07-26T19:09Z

snälla kan inte någon hjälpa mig har grubblat i ett par dagar nu

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

## #4 — Matte, 2002-07-26T22:39Z

Svårt att hjälpa utan att bygga om css-en ganska så mycket. Några tips:

1\. Det finns inget som heter float:middle;. 
2\. Använd antingen position ELLER float.
3\. Använd hellre position: absolute än relative.
4\. Ersätt overflow:scroll med overflow:auto om du inte vill ha vertikal scroll.
5\. Overflow:scroll/auto fungerar inte i Opera.

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

## #5 — netfeed, 2002-07-27T17:25Z

okej skall kolla på det tackar

har en ide om att man kan använda nått script att flytta vidare beroende på webbsida...
men men

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/48639-hjälp-med-sida-helt-i-css
