---
title: "problem med kolumner och text..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/158789-problem-med-kolumner-och-text"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Linski"
published: "2007-03-30T11:55:36.000Z"
updated: "2007-03-30T14:57:58.000Z"
replies: 6
views: 456
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/158789-problem-med-kolumner-och-text"
---

# problem med kolumner och text...

## #1 — Linski, 2007-03-30T11:55Z

Hejsan. 
Har ett (av många) problem.
Jag har en sida med 2 kolumner som båda ska vara lika breda....de är 355 och 360 px breda i koden. När jag kollar dem i webbläsaren (ff och IE) så är de inte lika stora. Den vänstra kolumnen verkar vara större och den högra kolumnen mindre. Dessutom så finns det en bild i den högra kolumnen som är över hela bredden men inte texten. Sen där var texten börjar så börjar den inte ens på samma höjd trots att top är inställd på samma i båda kolumnerna. Jag testade att lägga dit en width på \<p\> men det hade jag inte mkt för. Sen kan jag också säga att jag har 2 kolumner och en slags rad/box ovanför där rubriken är.
hehe jag hoppas att nån förstod vad jag skrivit...men jag lägger in koden för sidan och även länken till sidan [min sida](http://hem.bredband.net/nysli) Klicka på ljugarebänken och på månadens.

Tack på förhand   :) 

Koden:
\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"\>

\<html\>

\<head\>

\<title\>Banlicenskurs\</title\>

\<style type="text/css"\>
\<!--
p {width: 360px;}
\#rubrik_ljug {width: 770px; top: 100px; left: 45px;}
\#kolumn1 {float: left; width: 355px; top: 250px; left: 45px;}
\#kolumn2 {float: left; width: 360px; top: 250px; padding: 25px;}
\#box_ljug {float: left; width: 355; padding: 5px;}
\--\>
\</style\>
\<link href="stilmall.css" rel="stylesheet" type="text/css"\>
\<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"\>

\</head\>

\<body\>
\<div id="pagewidth"\>
\<div id="rubrik_ljug"\>\<h1\>Mitt första varv på Nürburgring\</h1\>\</div\>
  
\<div align="justify" id="kolumn1"\> 
  \<p align="justify"\>&Aring;ret var 1977. Ronnie skulle leva ett &aring;r till 
    och gl&auml;dja oss framg&aring;ngst&ouml;rstande svenskar. 1976 har Niki 
    Lauda haft sin n&auml;rmaste d&ouml;den upplevelse i en ganska of&ouml;rarglig 
    v&auml;nsterkurva p&aring; N&uuml;rburgring. Av en ren slump r&aring;kar min 
    v&auml;g hem fr&aring;n en bilsemester i s&ouml;dern f&ouml;ra mig och SAAB 
    99:an till ett av d&aring;tidens 3 p&aring;sl&auml;pp f&ouml;r &#8217;Einmaligen 
    Befahren des N&uuml;rburgrings mit einem Personenwagen&#8217;. Vilken skall 
    jag l&aring;ta varar osagt. Minnet sviker. Nordslingan &auml;r vid denna tid 
    22,835 km, Sydslingan 7,747 km och Start- och M&aring;lslingan 2,292. Bredden 
    &auml;r 8-12 meter. Nordslingan har liksom i dag 73 kurvor, 33 v&auml;nster 
    och 40 h&ouml;ger. Liten risk f&ouml;r v&auml;nstervridning allts&aring;. 
    Geb&uuml;hr 10 DM skrapas fram ur den redan h&aring;rt brandskattade semesterkassan. 
    Och s&aring; b&auml;r det i v&auml;g. Nu skall Clay Regazzoni s varvrekord 
    p&aring; 7,06,4 attackeras. F&ouml;rsta minnet &auml;r inbromsningen f&ouml;r 
    Aremberg, Gud vad det skriker; full fart ner i Fuchsr&ouml;hre, pr&auml;ktigt 
    genomslag i kompressionen, gnistorna yr, motorn tappar tillf&auml;lligt andan 
    och effekt; in i Adenauer Forst, som tas p&aring; 2 hjul, ytter hjulen; v&aring;ldsamma 
    skrik igen, borde kanske kollat ringtrycket; lugnt in i Metzgefeldt och l&aring;ter 
    ekipaget &aring;terh&auml;mta sig lite; fullt nedf&ouml;r backen till Wehrseifen; 
    nya v&aring;ldsamma skrik, nya genomslag, mera gnistor; fors&auml;tter nedf&ouml;r; 
    st&ouml;ttar bilen n&auml;stan mot r&auml;cket i Breidscheid; Ex M&uuml;hle 
    g&aring;r tungt ; accelererar f&ouml;rbi Lauda Links; tv&aring;hjular genom 
    Bergwerk; nya skrik; v&auml;ldigt lugnt uppf&ouml;r; undrar om det inte gick 
    fullt genom Angst-/Mutkurve t o m; f&aring;r inte upp mycket fart; Klostertal; 
    Karusellen denna historiska plats; visste inte d&aring; att man skulle sikta 
    p&aring; l&auml;rktr&auml;det; dyker in; nya genomslag och skrik; tungt uppf&ouml;r 
    mot Hohe Acht; sedan full fart nedf&ouml;r igen; v&aring;ldsmamma skrik i 
    kurvorna; Wipperman, Eschbach; n&auml;stan naturkontakt; vad tusan nu: motorstopp; 
    rullar ut i Br&uuml;nnchen; ser mig omkring; uppt&auml;cker orsaken till allt 
    skrikande, genomslag och motorstopp.\</p\>
\</div\>
\<div id="kolumn2"\>
\<div id="box_ljug"\>\<img src="bilder/ljugareb_bild.jpg" width="355" height="492"\>\</div\>
    \<p\>
  \<div align="justify"\>Familjen i bilen, n&aring;got lite skr&auml;ckslagen; fullastad 
    takbox p&aring; bilen, bilnyckeln i l&auml;ge Stopp. Besinnar mig; tar av 
    blyskon; startar upp p&aring; nytt och smyger i v&auml;g resten av varvet. 
    Gott om tid att studera naturen kring Eiskurve, Pflanzgarten, Schwalbenswantz, 
    Galgenkopf. Vad l&auml;rde man sig av detta ? Jo, s&auml;ga vad man vill om 
    SAAB, men det &auml;r ju en j&auml;kla tur att bilen inte har rattl&aring;s. 
  \</div\>
\</div\>
  
\</body\>

\</html\>

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

## #2 — Danne V, 2007-03-30T12:08Z

Hej,

Din doctype declaration (DTD) är inte komplett. Därför kan saker å ting bli fel. Det är nämligen den som talar om för webbläsarna hur koden ska tolkas. Se här <http://alistapart.com/stories/doctype/>

Du använder iso-8859-1 som charset. Därför måste du ha "&ouml;" och andra konstigheter istället för svenska å, ä och ö i koden. Om du använder utf-8 istället, så behöver du inga såna där krumelurer.

Ditt problem tror jag är att du har padding i högerkolumnen. Ta bort den och använd "margin-left" istället för att skapa luft till vänsterkolumnen.

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

## #3 — jarvklo, 2007-03-30T12:50Z

> **Danne V skrev:**
>
> Du använder iso-8859-1 som charset. Därför måste du ha "&ouml;" och andra konstigheter istället för svenska å, ä och ö i koden. Om du använder utf-8 istället, så behöver du inga såna där krumelurer.

Hmm..

Vill bara stillsamt påpeka att det där inte stämmer!
"krumelurerna" behövs nämligen inte i ISO-8859-1 heller om ditt redigeringsverktyg är rätt inställt (dvs till att använda ISO-8859-1 som "character encoding").

I övrigt håller jag med Danne V. Byt \<!DOCTYPE till 

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
```

 och se över dina paddings (och förmodligen kan du ta bort "left:45px från #kolumn1  också - den behövs inte när du kör med float:) - det \*bör\* bli skillnad då :)

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

## #4 — Danne V, 2007-03-30T14:42Z

> **jarvklo skrev:**
>
> Hmm..
> 
> Vill bara stillsamt påpeka att det där inte stämmer!
> "krumelurerna" behövs nämligen inte i ISO-8859-1 heller om ditt redigeringsverktyg är rätt inställt (dvs till att använda ISO-8859-1 som "character encoding").

Bra att du påpekade detta. Jag uttryckte mig fel. Man kan ha å, ä ö utan krumelurer i  ISO-8859-1 också, och dom ska renderas rätt i webbläsaren.

Men det andra stämmer kanske inte. Om jag har Dreamweaver inställt på "western" i inställningarna och skapar ett dokument med  ISO-8859-1 och skriver text i "design view", så förvandlas bokstäverna till "krumelurer" i koden.

Har jag utf-8 som charset och gör detsamma (alltså skriver text i design view) så förvandlas INTE bokstäverna i krumelurer i koden.

Men strunt samma. Jag tror trådskaparen i alla fall kanske uppmärksammar detta med charset och vilken betydelse det kan ha....

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

## #5 — Linski, 2007-03-30T14:43Z

Tack så mkt för er hjälp....tror jag fick ordning på sidan....haha...men nog har det vuxit ut några gråa hår idag   ;) Dags för ny färg i håret tror jag :)
Tack än en gång :) Jag har en känsla av att jag får skriva hit fler gånger   :h

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

## #6 — tanten, 2007-03-30T14:48Z

```
#rubrik_ljug {width: 770px; top: 100px;}
#kolumn1 {float: left; width: 355px;}
#kolumn2 {float: left; width: 360px;  margin-left: 25px;}
#box_ljug {float: right; width: 360px; padding: 5px;}
#kolumn2 img{width: 100%;}
p {text-align: justify;	width: 100%;}
```

 
och

```
<div id="kolumn2"> 
<p><img src="bilder/ljugareb_bild.jpg" alt=""></p>
<p>Familjen i bilen, n&aring;got lite skr&auml;ckslagen; 
fullastad takbox p&aring; bilen, bilnyckeln i l&auml;ge Stopp. Besinnar 
mig; tar av blyskon; startar upp p&aring; nytt och smyger i v&auml;g resten av varvet. Gott om tid att studera naturen kring Eiskurve, Pflanzgarten, Schwalbenswantz, Galgenkopf. Vad l&auml;rde man sig av detta ? </p>
<p>Jo, s&auml;ga vad man vill om SAAB, men det &auml;r ju en j&auml;kla tur att bilen inte har rattl&aring;s.</p>
  </div>
```

 
Rensade en del i koden och tog bort bredd på bilden eftersom den var större i verkligheten. Nu ska texten bli lika bred som bilden, dvs 360px. och validera...  ;)

**aha kom för sent...:-)**

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

## #7 — Linski, 2007-03-30T14:57Z

Tack :) ändrade som du hade skrivit och det blev bättre än när jag själv höll på att försöka. Jag känner mig verkligen som en första klassare på css hehe :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/158789-problem-med-kolumner-och-text
