Log In
Home
February 11, 2005
Offline
På min main-sida ska jag ha 7 bilder med tillhörande text. Jag tänkte dela upp det i 2 kolumner - men vilket sätt är bäst att göra på?
Ska jag göra en tabell eller kan man få boxar att ligga i två kolumner? Hur gör man det i så fall? Jag använder CSS.
December 26, 2003
Offline
CSS såklart! 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Columns</title>
<style type="text/css">
html { color: #000; }
.box p { margin: 0; padding: .5em 3%; }
.one { background: #ee9; width: 50%; float: left; }
.two { background: #aae; margin-left: 50%; }
/* IE5/mac hide */
* html .box p { height: 1%; }
/* end hide */
</style>
</head>
<body>
<div class="box one">
Test test test Test test test Test test test Test test test test
Test test test Test test test Test test test
</p>
Test test test Test test test Test test test Test test test Test
test test Test test test Test test test Test test test Test test
test Test test test Test test test Test test test Test test test
</p>
</div>
<div class="box two">
Test test test test Test Test test test Test test test Test test
test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test
</p>
Test test test Test test test test test test test Test test test
Test test test test Test test test test test Test test test Test
test test
</p>
</div>
</body>
</html>
🙂
[edit]
lol, lösningen ovan lider av IE's 3px jog. Har fixat det nu. 🙂 http://www.positioniseverything.net/explorer/threepxtest.html 😛
[/edit]
February 11, 2005
Offline
Hm... ser ju bra ut. Är det bara att göra flera likadana boxar (med andra namn) och lägga dem under så att det blir som celler i en tabell?
Använder man någonsin tabeller i css? Jag har sett ett sådant exempel men det kanske var ett mellanting mellan css och nåt annat.
En annan grej också: Jag vill att sidan ska funka i alla upplösningar. Som det är nu är sidan anpassad efter 800 bredd bara i fall att någon "sån" ramlar in på sidan. Det känns tråkigt att inte kunna använda hela bredden eftersom de flesta har högre upplösning och jag har sett sidor som helt enkelt anpassar sig efter din upplösning. HUR fixar man det?
Okej, en fråga till, sista!
Om jag plussar ihop vidden på mina div (som ligger precis kant i kant) så blir det 829 pixlar. Vidden på body måste då sättas till 820 px för annars blir det 9 vita px till vänster om den "vänstraste" div. hur kommer det sig, om du vet?
😛
December 26, 2003
Offline
Hmmm.... om du helt vill eftersträva en "tabell", med rader och kolumner, så får du nog helt enkelt använda en vanlig HTML-tabell. Mest beroende på att IE saknar stöd för CSS-tabeller.
Annars får man kanske tänka i andra banor än "kolumner och rader", och mer som "positionerade block". Men för all del, det går att lägga dit fler "rader" om du vill, med koden i förra inlägget...
<div class="box one">
a</p></div>
<div class="box two">
b</p></div>
<div class="box one">
c</p></div>
<div class="box two">
d</p></div>
Full bredd är det i mitt kodexempel i förra inlägget. Du behöver helt enkelt inte ange någon bredd över huvud taget. Block-element tar automatiskt upp så mycket plats som det finns i sidled (med vissa undantag, som tex. TABLE).
Okej, en fråga till, sista!
Om jag plussar ihop vidden på mina div (som ligger precis kant i kant) så blir det 829 pixlar. Vidden på body måste då sättas till 820 px för annars blir det 9 vita px till vänster om den "vänstraste" div. hur kommer det sig, om du vet?
? 😮
February 11, 2005
Offline
En annan grej också: Jag vill att sidan ska funka i alla upplösningar. Som det är nu är sidan anpassad efter 800 bredd bara i fall att någon "sån" ramlar in på sidan. Det känns tråkigt att inte kunna använda hela bredden eftersom de flesta har högre upplösning och jag har sett sidor som helt enkelt anpassar sig efter din upplösning. HUR fixar man det?
Okej, en fråga till, sista!
Om jag plussar ihop vidden på mina div (som ligger precis kant i kant) så blir det 829 pixlar. Vidden på body måste då sättas till 820 px för annars blir det 9 vita px till vänster om den "vänstraste" div. hur kommer det sig, om du vet?
Jag tror att du missuppfattade mig. Det här hade inte med boxarna att göra utan mer allmänt om sidan. Om du fortfarande inte förstår så får du skriva VAD det är du inte fattar. 🙂
1 Guest(s)
