Hemsida, problem

jormar · 2008-03-04, 21:09

Hejsan
Jag skulle behöva lite hjälp med min hemsida. Jag har skrivit in <body topmargin="0"> i scriptet så att innehållet på sidan ska åka ända upp till kanten högst upp. Men nu vill jag få samma sak neretill på sidan, alltså att kanten på innehållet ska ligga längst med kanten på slutet av sidan. Det är ganska svårt att förklara... därför har jag bifogat två bilder i ett försök att visa hur jag vill ha det.

1. Så här ser sidan ut.

2. så här vill jag att ska se ut.

någon som vet ? jag har sökt i google utan resultat... vet inte riktigt vad jag ska söka på egentligen.

SRSWWi · 2008-03-04, 21:45

Hej,

det är CSS som gäller och det är inte enkelt heller....pga att de olika läsarna tolkar det lite snett. Har för mig att bästa sättet att lösa det är med table faktiskt... :-(

cyrre · 2008-03-04, 22:44

Att få till 100% höjd med div's är ganska omständigt.
Med tabeller är det trettioåttatusengånger lättare.

Men om du absolut ska använda dig av divar (vilket är det rätta) så har du lite matnyttigt här:

http://www.webmasterworld.com/forum83/200.htm

jormar · 2008-03-04, 22:45

nejnej.. det är en tabell som jag vill dra ut så den går kant-i-kant med sidan.

JimmyOh · 2008-03-05, 07:15

Tabeller... Usch. Sluta upp och nämn det ens. Jobba med lager istället jormar. Oerhört mycket bättre.

guran · 2008-03-05, 08:06

Om det är på det viset att du vill att hemsidan ska vara mindre än skärmens bredd kan du jobba med en bakgrund på html och sedan göra body mindre. Exempel:

html {background-color: blue;}
body {margin: 0 auto 0 auto 0; padding: 0; width: 800px; background-color: white;}

Du kan alltid prova med ovan och se vad det får för effekt.

turboraketti · 2008-03-05, 09:14

Här är ett exempel på hur man kan göra:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
 <title>Title</title>
 <!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script><![endif]-->
 <style><!--
  html, body { padding: 0; margin: 0; height: 100%; background: white; }
  body { width: 500px; margin: 0 auto; background: lightblue; min-height: 100%; height: auto; }
  p { margin: 0; padding: 10px; }
 --></style>
</head>

<body>
  <p>Lorem ipsum ...</p>
</body>

</html>

Du kan testa här: http://natbyggarna.se/test-jormar.html

(Skriptet som är inkluderat i headern gör så att MSIE funkar som en standardbrowser, exempelvis funkar min-height i MSIE<7)

Syke · 2008-03-05, 16:55

Ett alternativ kanske kan vara att positionera tabellen / divven, eller vad det nu är, absolut och sen sätta top och bottom till 0px. För IE6 skull bör du även sätta height till 100% på tabellen / divven.

Exempel: http://www.bleh.se/dump/topbottom.html

Värt att testa iallafall!

Aerpe · 2008-03-05, 17:25

Kan inte tabeller... men med div först och sen tabeller tror jag att detta går.

Kod:

html, body{
 height:100%;
 min-height:100%;
}

#container{
 display:table;
 height:100%;
}

#table1{
 height:100%;
}

<html>
 <body>
 *<div id="container">
 * <table id="table1">...</table>
 *</div>
 </body>
</html>

Nomda · 2008-03-11, 21:26

använd dig utav FAUXCOLUMNS.
men jag rekommenderar att skippa 100%arn och bara låta sidan anpassa sig efter innehållet.
Sen om du vill att sidan skall ha en fast height men ändå skall kunna vara flexibel, använd:
min-height:600px height:auto !important; height:600px

Lycka till!

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Hemsida, problem