webdesignskolan.se

gief kod

#1, leta upp det då..

Så får jag se om du verkligen vet va problemet är eller om du bara var kåt på att skriva först..

Som jag förstår det vill du ha en vänstercol som flödar rakt ner 100%.

Om du sätter den till 100% så kommer den flöda med huvuddiven hela vägen. Svårare än så är det inte.

Lägg in cssn också.

#4 vill inte funka för mig, så här ser min #meny-left css ut;
#meny-left{
width:90px;
max-width:90px;
height:100%;
border-right: 1px #333333 groove;
float:left;
}

#main {background: Aqua; width:600px; height: 100%}

#left {height: 100%; background-color: Green; width: 200px;}


Det ger -> | | |

Nu händer det att om jag skriver i main, som liksom halkar texten in under menyn..

japp!

Om du ska bygga en sida så bör du göra så här! Lägg float på left och right-box.


<div id="targetframe">

<di v id="main">

<div id="leftbox"></div>
<div id="rightbox"></div> ;

</div>
</div>

#9
Men det är ju samma problem som var från början, alltså att den där diven inte hänger med ända ner!

Den gör det hos mig :)

ja skulle göra
<div style='width: 800px; height: 100%;' class/id='main'>
<div style='width: 800px; height: 100%;' class/id='wrapper'>
<d iv style='float: left; width: 120px; height: 100%;' class/id='left'>
vänster ram
</div>
<div style='float: left; margin-left: 10px; width: 670px; height: 100%;' class/id='right'>
höger ram
</div>
</div>
</div>

obs detta är inte testat då jag sitter vid fel burk.
skrev lite bara på rakarm :P går garanterat å göra bättre

http://www.organize.se/hehe/to do.htm


det är väl detta du vill uppnå?

#11, jag postar min CSS nu och hur det ser ut i HTML!

#main{
width:650px;
max-width:650px;
height:100%;
margin-left:50px;
border: 1px #333333 groove;
}
#meny-left{
width:90px;
max-width:90px;
height:100%;
border-right: 1px #333333 groove;
float:left;
}

<div id="main">
<div id="meny-left">
Meny!
</div>
<p>TEXT KOMMER DET ATT STÅ HÄR!</p>
</div>

#13 EXAKT! :)

Det är sidan som jag gjorde utifrån koden i mitt exempel ovan.

#16, men ser du något som är fel i det jag länkade i #14?

För det som händer är att #meny-left slutar precis där texten slutar!
Och texten i #main liksom slinker in under där #meny-left slutar!

http://www.webdesignskolan.com /css-layout/css_layout.htm


läs där så har du färdiga exempel att hämta.

Det vill faan inte funka...

#14 du måste väll ha en #meny-right och sätta den till float:left också för att det ska funka?

Aja, jag löste det..

(Jag slängde skiten och gör om sidan...)

Jag skulle köra något ungefär:

CSS //

#banner{
background-image: url("källa"); width: XXpx; height: XXpx;
width: 650px;
height: XXpx;
margin-left: 40px;
}

#meny{
background-ima ge: url("källa"); width: XXpx; height: XXpx;
width: 80px;
height: 100%;
float: left;
padding-right: 10px;
}

#rightcontainer{
back ground-image: url("källa"); width: XXpx; height: XXpx;
width: 470px;
height: 100%;
float: right;
padding-right: 20px;
}

HTML //

<div id="banner"></div>
<div id="meny">Länkar eller annat</div>
<div id="rightcontainer">Text text text text text text</div>

// EDIT: Ett annat tips är att göra som #24 säger, att använda utskriften em för att ange storleken på olika saker, detta gör att den är lika stor på alla sidor. mer information finns på

www.webbdesignskolan.net

RippaN haré, klart din text kommer under meny boxen då menyn ligger ovanför main eller i.

Lägg till en textbox som börjar där main slutar så kommer texten att fungera som den ska.

Ett annat hett tips är att köra med taggen 'em' istället för px då kommer sidan visas rätt i alla upplösningar dessutom vilket gör det hela mer optimerat för internet då du inte kan anta att alla kör med din upplösning.

varsågod :)