webForumDet fria alternativet

hjälp med sida helt i css...

HTML & CSSur HTML, XHTML & CSS

4 svar · 304 visningar · startad av netfeed

Medlem sedan mars 2001593 inlägg
Frågan#1

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


<!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?

Medlem sedan mars 2001593 inlägg
#2

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

Medlem sedan mars 2001593 inlägg
#3

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

Medlem sedan aug. 20002 975 inlägg
#4

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.

Medlem sedan mars 2001593 inlägg
#5

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

132 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)