Jump to content

Site has weird gap at the top and bullets overlap borders on small window sizes


612wharfavenue
 Share

Recommended Posts

Please take a look, its live now but no one is really visiting it so its ok, i want to know how i get rid of that gap at the top and when you make the window really small how to make the bulletpoints fall within the borders instead of over.

Edited by 612wharfavenue
Link to comment
Share on other sites

Alright ive tried all sorts of combinations of setting the width and minwidth with percentages for both the div and the ul but it either doesnt do anything or it messes up the centering, i dont understand, if i set the div to be a certain width why cant i set the ul to be a certain width too within the div so that the div is just used for placement? It doesnt seem to work this way.

Link to comment
Share on other sites

The problem with the dashed borders, is that if you set to min-width: the border distance from edges is going to take upto 40% of the width of 240px (for example only) wide screen. You either have to lose the border/s, or use percentage for margin of borders so it would take very little of screen at 240px width.

body (min-width: 240px;} #left, #right {	bottom: 0;	top: 0;	width: 1%;} #frame {	border-radius: 10px 10px 10px 10px;	border-style: dashed;	border-width: thick;	margin: 2.5%;	position: relative;	top: -100px;	z-index: 9;}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...