webForumDet fria alternativet

problem med kolumner och text...

6 svar · 445 visningar · startad av Linski

LinskiMedlem sedan mars 20074 inlägg
#1

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

</body>

</html>

Danne VMedlem sedan aug. 20068 090 inlägg
#2

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 "ö" 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.

jarvkloMedlem sedan juli 20013 378 inlägg
#3

Danne V skrev:

Du använder iso-8859-1 som charset. Därför måste du ha "ö" 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å :)

Danne VMedlem sedan aug. 20068 090 inlägg
#4

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....

LinskiMedlem sedan mars 20074 inlägg
#5

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

tantenMedlem sedan nov. 20051 596 inlägg
#6
#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...:-)

LinskiMedlem sedan mars 20074 inlägg
#7

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 :)

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