webForumDet fria alternativet

Varför håller sig texten inte sig inom sin DIV?

HTML & CSSur HTML, XHTML & CSS

4 svar · 517 visningar · startad av medialabs

Medlem sedan mars 20023 686 inlägg
Frågan#1

Hej,

Håller på och knåpar på en webbplats till en förening som jag är involverad i och håller på och vidareutvecklar den kommande sidan. Har stött på ett ganska så störande problem.

Fråga 1
Jag har alltså två stycken DIV:ar brevid varandra, Vänster-Höger

Så långt är allt OK, men när jag fyller på med långa meningar av text i den vänstra DIV:en så lägger sig texten över texten i den högra DIV:en.

Håller på och blir knäpp nu, hållt på i snart 3 dagar och inte kommit någonstans.

Nästan så att man vill ta fram frontpage och börja köra allt i sköna tabeller och celler §jr

Fråga två
Finns det något smart knep för att få menylänken: Föreningswebb högerjusterad i menynraden? och låta resten av länkarna vara där dom är? Testade att omsluta föreningswebb-länken med en div align="right" men då hoppade den ned en rad, vilket jag inte ville..

#container { 
width: 925px;
margin: 0 auto;
background: #FFFFFF;
}

Sidebar (vänster-div)

#sidebar {
float: left;
width: 120px;
padding: 30px 0 0 40px;
margin: 0;
}

Main (höger-div)

#main { 
margin: 0 0 0 180px;
padding: 35px 40px 30px 0;
color: #444444;
font-family: "Georgia";
font-size: 13px; 
line-height: 18px;
text-align: justify;
}
Medlem sedan feb. 20041 816 inlägg
#2

Fråga #1:

Det blir knas för att du har långa ord utan mellanslag, tex engångfannsdetensagasomhandladeomenolyckligfigur och då får webbläsarna problem eftersom de inte vet var i ordet de kan eller ska byta till ny rad.

Du kan testa med word-wrap som finns i CSS 3. Annars vet jag inte. :( Att undvika långa ord är ju inte direkt nåt man borde behöva tänka på.

Fråga #2:

Gör om menyn till en lista (<ul>) och sätt float:left på dess <li>. Lägg till en klass eller ett id på <li>:n för "föreningswebb" med float:right.

Medlem sedan feb. 20041 816 inlägg
#3

Oops.

Medlem sedan juni 20019 024 inlägg
#4

1. Undvik långa ord eller minska storleken. Finns det någon praktiskt användning att ha långa ord alls? I annat fall får du gömma dem med overflow: hidden;.

2. Lägg Föreningswebb först. Sätt float: right; på den.

Medlem sedan mars 20023 686 inlägg
#5

Tack så mycket för era tips och förslag!! Nu fungerar div:arna precis som jag ville ha det!

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