9 svar · 472 visningar · startad av Andreas123
Jag har sökt i forumet men hittar inte det jag söker.
När jag skriver väldigt mycket i en div så verkar det itne som att diven expanderas för det kommer ingen scroll längst till höger. Och det är inte en scroll i diven jag vill ha.
Är det någon som har en lösning på detta?
Du vill alltså varken ha en scroll eller se det som hamnar utanför?
Sätt style="overflow: hidden;" för diven.
overflow: auto istället om du vill ha en scroll.
Jag vill ha en scroll som på denna sida till höger. Alltså en helt vanlig scroll. Jag vill att när texten blir längre än min divs height (100%) så ska en scroll komma till höger. Vilket det inte gör nu, med eller utan overflow auto.
Är din divar absolute positionerade? Pröva att ta bort height-egenskapen och sen sätta overflow: visible på diven.
Mina divvar ser ut som följer:
#main_container {
width: 800px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px;
background: #AAAAFF;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#header {
width: 800px;
height: 150px;
background: #D2FF75;
border-bottom: 1px solid #000000;
}
#menu {
float: left;
height: 100%;
width: 190px;
background: #FAFFF0;
}
#content {
float: left;
height: 100%;
width: 610px;
background: #FAFFF0;
}
Hmm, du har inget utöver det i din csn, eller något inlagt i din html?
Du verkade inte läsa mitt svar... Ta bort height från de divar som krånglar:
#main_container {
width: 800px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px;
background: #AAAAFF;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#header {
width: 800px;
height: 150px;
background: #D2FF75;
border-bottom: 1px solid #000000;
}
#menu {
float: left;
[s]height: 100%;[/s] BORT!
width: 190px;
background: #FAFFF0;
}
#content {
float: left;
[s]height: 100%;[/s] BORT!
width: 610px;
background: #FAFFF0;
}
Det gör dessvärre ingen skillnad. :/
Löste det själv nu 
Tack för hjälpen ändå!
(min-height istället för height.. känner mig måttligt dum just nu )