webForumDet fria alternativet

Får inga scrolls?

9 svar · 472 visningar · startad av Andreas123

Andreas123Medlem sedan juli 200435 inlägg
#1

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?

nitro2k01Medlem sedan aug. 20039 342 inlägg
#2

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.

Andreas123Medlem sedan juli 200435 inlägg
#3

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.

nitro2k01Medlem sedan aug. 20039 342 inlägg
#4

Är din divar absolute positionerade? Pröva att ta bort height-egenskapen och sen sätta overflow: visible på diven.

Andreas123Medlem sedan juli 200435 inlägg
#5

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;
}
Andreas123Medlem sedan juli 200435 inlägg
#6

Såhär ser det ut för övrigt.

sidan.png
OkkidoMedlem sedan maj 20007 492 inlägg
#7

Hmm, du har inget utöver det i din csn, eller något inlagt i din html?

nitro2k01Medlem sedan aug. 20039 342 inlägg
#8

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;
}
Andreas123Medlem sedan juli 200435 inlägg
#9

Det gör dessvärre ingen skillnad. :/

Andreas123Medlem sedan juli 200435 inlägg
#10

Löste det själv nu :D Tack för hjälpen ändå!

(min-height istället för height.. känner mig måttligt dum just nu :D)

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